#CE7E8F - #FFCDA6 | 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 #CE7E8F to #FFCDA6

#CE7E8F #FFCDA6

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

#CE7E8F - #FFCDA6 | 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 #CE7E8F as 0% and #FFCDA6 as 100%.

0.0%	0.0% #CE7E8F	RGB 206 126 143	#CE7E8F
16.7%	16.7% #D68B92	RGB 214 139 146	#D68B92
33.3%	33.3% #DE9896	RGB 222 152 150	#DE9896
50.0%	50.0% #E6A59A	RGB 230 165 154	#E6A59A
66.7%	66.7% #EEB29E	RGB 238 178 158	#EEB29E
83.3%	83.3% #F6BFA2	RGB 246 191 162	#F6BFA2
100.0%	100.0% #FFCDA6	RGB 255 205 166	#FFCDA6

#CE7E8F #D68B92 #DE9896 #E6A59A #EEB29E #F6BFA2 #FFCDA6

#CE7E8F - #FFCDA6

HSV Blend

#CE7E8F - #FFCDA6 | 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 #CE7E8F as 0% and #FFCDA6 as 100%.

0.0%	0.0% #CE7E8F	RGB 206 126 143	#CE7E8F
16.7%	16.7% #D6848C	RGB 214 132 140	#D6848C
33.3%	33.3% #DE8B8A	RGB 222 139 138	#DE8B8A
50.0%	50.0% #E69B91	RGB 230 155 145	#E69B91
66.7%	66.7% #EEAB98	RGB 238 171 152	#EEAB98
83.3%	83.3% #F6BC9F	RGB 246 188 159	#F6BC9F
100.0%	100.0% #FFCDA6	RGB 255 205 166	#FFCDA6

#CE7E8F #D6848C #DE8B8A #E69B91 #EEAB98 #F6BC9F #FFCDA6

#CE7E8F - #E69B91 - #FFCDA6

CSS codes

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

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