#9D9CD6 - #FFDBD4 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #9D9CD6 to #FFDBD4

#9D9CD6 #FFDBD4

Calculate the color between two colors, #9D9CD6 and #FFDBD4. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#9D9CD6 - #FFDBD4 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #9D9CD6 as 0% and #FFDBD4 as 100%.

0.0%	0.0% #9D9CD6	RGB 157 156 214	#9D9CD6
16.7%	16.7% #ADA6D5	RGB 173 166 213	#ADA6D5
33.3%	33.3% #BDB1D5	RGB 189 177 213	#BDB1D5
50.0%	50.0% #CEBBD5	RGB 206 187 213	#CEBBD5
66.7%	66.7% #DEC6D4	RGB 222 198 212	#DEC6D4
83.3%	83.3% #EED0D4	RGB 238 208 212	#EED0D4
100.0%	100.0% #FFDBD4	RGB 255 219 212	#FFDBD4

#9D9CD6 #ADA6D5 #BDB1D5 #CEBBD5 #DEC6D4 #EED0D4 #FFDBD4

#9D9CD6 - #FFDBD4

HSV Blend

#9D9CD6 - #FFDBD4 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #9D9CD6 as 0% and #FFDBD4 as 100%.

0.0%	0.0% #9D9CD6	RGB 157 156 214	#9D9CD6
16.7%	16.7% #B9A4DC	RGB 185 164 220	#B9A4DC
33.3%	33.3% #D5ADE3	RGB 213 173 227	#D5ADE3
50.0%	50.0% #EAB6E5	RGB 234 182 229	#EAB6E5
66.7%	66.7% #F1C0DB	RGB 241 192 219	#F1C0DB
83.3%	83.3% #F8CAD3	RGB 248 202 211	#F8CAD3
100.0%	100.0% #FFDBD4	RGB 255 219 212	#FFDBD4

#9D9CD6 #B9A4DC #D5ADE3 #EAB6E5 #F1C0DB #F8CAD3 #FFDBD4

#9D9CD6 - #EAB6E5 - #FFDBD4

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #9D9CD6 0%, #FFDBD4 100%);
    background: -webkit-linear-gradient(top, #9D9CD6 0%, #FFDBD4 100%);
    background: linear-gradient(to bottom, #9D9CD6 0%, #FFDBD4 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9D9CD6 0%, #EAB6E5 50%, #FFDBD4 100%);
    background: -webkit-linear-gradient(top, #9D9CD6 0%, #EAB6E5 50%, #FFDBD4 100%);
    background: linear-gradient(to bottom, #9D9CD6 0%, #EAB6E5 50%, #FFDBD4 100%);
}
</style>