#CDAEB6 - #F0E7EA | 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 #CDAEB6 to #F0E7EA

#CDAEB6 #F0E7EA

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

#CDAEB6 - #F0E7EA | 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 #CDAEB6 as 0% and #F0E7EA as 100%.

0.0%	0.0% #CDAEB6	RGB 205 174 182	#CDAEB6
16.7%	16.7% #D2B7BE	RGB 210 183 190	#D2B7BE
33.3%	33.3% #D8C1C7	RGB 216 193 199	#D8C1C7
50.0%	50.0% #DECAD0	RGB 222 202 208	#DECAD0
66.7%	66.7% #E4D4D8	RGB 228 212 216	#E4D4D8
83.3%	83.3% #EADDE1	RGB 234 221 225	#EADDE1
100.0%	100.0% #F0E7EA	RGB 240 231 234	#F0E7EA

#CDAEB6 #D2B7BE #D8C1C7 #DECAD0 #E4D4D8 #EADDE1 #F0E7EA

#CDAEB6 - #F0E7EA

HSV Blend

#CDAEB6 - #F0E7EA | 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 #CDAEB6 as 0% and #F0E7EA as 100%.

0.0%	0.0% #CDAEB6	RGB 205 174 182	#CDAEB6
16.7%	16.7% #D2B6BE	RGB 210 182 190	#D2B6BE
33.3%	33.3% #D8C0C7	RGB 216 192 199	#D8C0C7
50.0%	50.0% #DEC9CF	RGB 222 201 207	#DEC9CF
66.7%	66.7% #E4D3D8	RGB 228 211 216	#E4D3D8
83.3%	83.3% #EADCE1	RGB 234 220 225	#EADCE1
100.0%	100.0% #F0E7EA	RGB 240 231 234	#F0E7EA

#CDAEB6 #D2B6BE #D8C0C7 #DEC9CF #E4D3D8 #EADCE1 #F0E7EA

#CDAEB6 - #DEC9CF - #F0E7EA

CSS codes

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

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