#FFE4FD - #CE8CB4 | 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 #FFE4FD to #CE8CB4

#FFE4FD #CE8CB4

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

#FFE4FD - #CE8CB4 | 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 #FFE4FD as 0% and #CE8CB4 as 100%.

0.0%	0.0% #FFE4FD	RGB 255 228 253	#FFE4FD
16.7%	16.7% #F6D5F0	RGB 246 213 240	#F6D5F0
33.3%	33.3% #EEC6E4	RGB 238 198 228	#EEC6E4
50.0%	50.0% #E6B8D8	RGB 230 184 216	#E6B8D8
66.7%	66.7% #DEA9CC	RGB 222 169 204	#DEA9CC
83.3%	83.3% #D69AC0	RGB 214 154 192	#D69AC0
100.0%	100.0% #CE8CB4	RGB 206 140 180	#CE8CB4

#FFE4FD #F6D5F0 #EEC6E4 #E6B8D8 #DEA9CC #D69AC0 #CE8CB4

#FFE4FD - #CE8CB4

HSV Blend

#FFE4FD - #CE8CB4 | 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 #FFE4FD as 0% and #CE8CB4 as 100%.

0.0%	0.0% #FFE4FD	RGB 255 228 253	#FFE4FD
16.7%	16.7% #F6D3F2	RGB 246 211 242	#F6D3F2
33.3%	33.3% #EEC4E7	RGB 238 196 231	#EEC4E7
50.0%	50.0% #E6B5DB	RGB 230 181 219	#E6B5DB
66.7%	66.7% #DEA6CE	RGB 222 166 206	#DEA6CE
83.3%	83.3% #D699C1	RGB 214 153 193	#D699C1
100.0%	100.0% #CE8CB4	RGB 206 140 180	#CE8CB4

#FFE4FD #F6D3F2 #EEC4E7 #E6B5DB #DEA6CE #D699C1 #CE8CB4

#FFE4FD - #E6B5DB - #CE8CB4

CSS codes

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

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