#CCB0E4 - #FFE7DB | 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 #CCB0E4 to #FFE7DB

#CCB0E4 #FFE7DB

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

#CCB0E4 - #FFE7DB | 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 #CCB0E4 as 0% and #FFE7DB as 100%.

0.0%	0.0% #CCB0E4	RGB 204 176 228	#CCB0E4
16.7%	16.7% #D4B9E2	RGB 212 185 226	#D4B9E2
33.3%	33.3% #DDC2E1	RGB 221 194 225	#DDC2E1
50.0%	50.0% #E5CBDF	RGB 229 203 223	#E5CBDF
66.7%	66.7% #EED4DE	RGB 238 212 222	#EED4DE
83.3%	83.3% #F6DDDC	RGB 246 221 220	#F6DDDC
100.0%	100.0% #FFE7DB	RGB 255 231 219	#FFE7DB

#CCB0E4 #D4B9E2 #DDC2E1 #E5CBDF #EED4DE #F6DDDC #FFE7DB

#CCB0E4 - #FFE7DB

HSV Blend

#CCB0E4 - #FFE7DB | 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 #CCB0E4 as 0% and #FFE7DB as 100%.

0.0%	0.0% #CCB0E4	RGB 204 176 228	#CCB0E4
16.7%	16.7% #E0B6E8	RGB 224 182 232	#E0B6E8
33.3%	33.3% #EDBDE6	RGB 237 189 230	#EDBDE6
50.0%	50.0% #F1C4DE	RGB 241 196 222	#F1C4DE
66.7%	66.7% #F6CCD7	RGB 246 204 215	#F6CCD7
83.3%	83.3% #FAD4D3	RGB 250 212 211	#FAD4D3
100.0%	100.0% #FFE7DB	RGB 255 231 219	#FFE7DB

#CCB0E4 #E0B6E8 #EDBDE6 #F1C4DE #F6CCD7 #FAD4D3 #FFE7DB

#CCB0E4 - #F1C4DE - #FFE7DB

CSS codes

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

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