#CDA6B7 - #F0E5EA | 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 #CDA6B7 to #F0E5EA

#CDA6B7 #F0E5EA

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

#CDA6B7 - #F0E5EA | 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 #CDA6B7 as 0% and #F0E5EA as 100%.

0.0%	0.0% #CDA6B7	RGB 205 166 183	#CDA6B7
16.7%	16.7% #D2B0BF	RGB 210 176 191	#D2B0BF
33.3%	33.3% #D8BBC8	RGB 216 187 200	#D8BBC8
50.0%	50.0% #DEC5D0	RGB 222 197 208	#DEC5D0
66.7%	66.7% #E4D0D9	RGB 228 208 217	#E4D0D9
83.3%	83.3% #EADAE1	RGB 234 218 225	#EADAE1
100.0%	100.0% #F0E5EA	RGB 240 229 234	#F0E5EA

#CDA6B7 #D2B0BF #D8BBC8 #DEC5D0 #E4D0D9 #EADAE1 #F0E5EA

#CDA6B7 - #F0E5EA

HSV Blend

#CDA6B7 - #F0E5EA | 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 #CDA6B7 as 0% and #F0E5EA as 100%.

0.0%	0.0% #CDA6B7	RGB 205 166 183	#CDA6B7
16.7%	16.7% #D2AFBF	RGB 210 175 191	#D2AFBF
33.3%	33.3% #D8B9C7	RGB 216 185 199	#D8B9C7
50.0%	50.0% #DEC4CF	RGB 222 196 207	#DEC4CF
66.7%	66.7% #E4CED8	RGB 228 206 216	#E4CED8
83.3%	83.3% #EAD9E1	RGB 234 217 225	#EAD9E1
100.0%	100.0% #F0E5EA	RGB 240 229 234	#F0E5EA

#CDA6B7 #D2AFBF #D8B9C7 #DEC4CF #E4CED8 #EAD9E1 #F0E5EA

#CDA6B7 - #DEC4CF - #F0E5EA

CSS codes

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

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