#D8C7DF - #CCCFE6 | 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 #D8C7DF to #CCCFE6

#D8C7DF #CCCFE6

Calculate the color between two colors, #D8C7DF and #CCCFE6. 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)

#D8C7DF - #CCCFE6 | 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 #D8C7DF as 0% and #CCCFE6 as 100%.

0.0%	0.0% #D8C7DF	RGB 216 199 223	#D8C7DF
16.7%	16.7% #D6C8E0	RGB 214 200 224	#D6C8E0
33.3%	33.3% #D4C9E1	RGB 212 201 225	#D4C9E1
50.0%	50.0% #D2CBE2	RGB 210 203 226	#D2CBE2
66.7%	66.7% #D0CCE3	RGB 208 204 227	#D0CCE3
83.3%	83.3% #CECDE4	RGB 206 205 228	#CECDE4
100.0%	100.0% #CCCFE6	RGB 204 207 230	#CCCFE6

#D8C7DF #D6C8E0 #D4C9E1 #D2CBE2 #D0CCE3 #CECDE4 #CCCFE6

#D8C7DF - #CCCFE6

HSV Blend

#D8C7DF - #CCCFE6 | 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 #D8C7DF as 0% and #CCCFE6 as 100%.

0.0%	0.0% #D8C7DF	RGB 216 199 223	#D8C7DF
16.7%	16.7% #D5C7E0	RGB 213 199 224	#D5C7E0
33.3%	33.3% #D3C8E1	RGB 211 200 225	#D3C8E1
50.0%	50.0% #D0C9E2	RGB 208 201 226	#D0C9E2
66.7%	66.7% #CECAE3	RGB 206 202 227	#CECAE3
83.3%	83.3% #CBCBE4	RGB 203 203 228	#CBCBE4
100.0%	100.0% #CCCFE6	RGB 204 207 230	#CCCFE6

#D8C7DF #D5C7E0 #D3C8E1 #D0C9E2 #CECAE3 #CBCBE4 #CCCFE6

#D8C7DF - #D0C9E2 - #CCCFE6

CSS codes

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

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