#D8C5E6 - #8A68A9 | 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 #D8C5E6 to #8A68A9

#D8C5E6 #8A68A9

Calculate the color between two colors, #D8C5E6 and #8A68A9. 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)

#D8C5E6 - #8A68A9 | 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 #D8C5E6 as 0% and #8A68A9 as 100%.

0.0%	0.0% #D8C5E6	RGB 216 197 230	#D8C5E6
16.7%	16.7% #CBB5DB	RGB 203 181 219	#CBB5DB
33.3%	33.3% #BEA6D1	RGB 190 166 209	#BEA6D1
50.0%	50.0% #B196C7	RGB 177 150 199	#B196C7
66.7%	66.7% #A487BD	RGB 164 135 189	#A487BD
83.3%	83.3% #9777B3	RGB 151 119 179	#9777B3
100.0%	100.0% #8A68A9	RGB 138 104 169	#8A68A9

#D8C5E6 #CBB5DB #BEA6D1 #B196C7 #A487BD #9777B3 #8A68A9

#D8C5E6 - #8A68A9

HSV Blend

#D8C5E6 - #8A68A9 | 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 #D8C5E6 as 0% and #8A68A9 as 100%.

0.0%	0.0% #D8C5E6	RGB 216 197 230	#D8C5E6
16.7%	16.7% #CAB3DB	RGB 202 179 219	#CAB3DB
33.3%	33.3% #BCA2D1	RGB 188 162 209	#BCA2D1
50.0%	50.0% #AF92C7	RGB 175 146 199	#AF92C7
66.7%	66.7% #A283BD	RGB 162 131 189	#A283BD
83.3%	83.3% #9675B3	RGB 150 117 179	#9675B3
100.0%	100.0% #8A68A9	RGB 138 104 169	#8A68A9

#D8C5E6 #CAB3DB #BCA2D1 #AF92C7 #A283BD #9675B3 #8A68A9

#D8C5E6 - #AF92C7 - #8A68A9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D8C5E6 0%, #AF92C7 50%, #8A68A9 100%);
    background: -webkit-linear-gradient(top, #D8C5E6 0%, #AF92C7 50%, #8A68A9 100%);
    background: linear-gradient(to bottom, #D8C5E6 0%, #AF92C7 50%, #8A68A9 100%);
}
</style>