#CE9EB8 - #FFE4D0 | 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 #CE9EB8 to #FFE4D0

#CE9EB8 #FFE4D0

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

#CE9EB8 - #FFE4D0 | 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 #CE9EB8 as 0% and #FFE4D0 as 100%.

0.0%	0.0% #CE9EB8	RGB 206 158 184	#CE9EB8
16.7%	16.7% #D6A9BC	RGB 214 169 188	#D6A9BC
33.3%	33.3% #DEB5C0	RGB 222 181 192	#DEB5C0
50.0%	50.0% #E6C1C4	RGB 230 193 196	#E6C1C4
66.7%	66.7% #EECCC8	RGB 238 204 200	#EECCC8
83.3%	83.3% #F6D8CC	RGB 246 216 204	#F6D8CC
100.0%	100.0% #FFE4D0	RGB 255 228 208	#FFE4D0

#CE9EB8 #D6A9BC #DEB5C0 #E6C1C4 #EECCC8 #F6D8CC #FFE4D0

#CE9EB8 - #FFE4D0

HSV Blend

#CE9EB8 - #FFE4D0 | 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 #CE9EB8 as 0% and #FFE4D0 as 100%.

0.0%	0.0% #CE9EB8	RGB 206 158 184	#CE9EB8
16.7%	16.7% #D6A6B8	RGB 214 166 184	#D6A6B8
33.3%	33.3% #DEAEB8	RGB 222 174 184	#DEAEB8
50.0%	50.0% #E6B6B9	RGB 230 182 185	#E6B6B9
66.7%	66.7% #EEC3BE	RGB 238 195 190	#EEC3BE
83.3%	83.3% #F6D3C7	RGB 246 211 199	#F6D3C7
100.0%	100.0% #FFE4D0	RGB 255 228 208	#FFE4D0

#CE9EB8 #D6A6B8 #DEAEB8 #E6B6B9 #EEC3BE #F6D3C7 #FFE4D0

#CE9EB8 - #E6B6B9 - #FFE4D0

CSS codes

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

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