#CDBF8C - #FF9EC6 | 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 #CDBF8C to #FF9EC6

#CDBF8C #FF9EC6

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

#CDBF8C - #FF9EC6 | 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 #CDBF8C as 0% and #FF9EC6 as 100%.

0.0%	0.0% #CDBF8C	RGB 205 191 140	#CDBF8C
16.7%	16.7% #D5B995	RGB 213 185 149	#D5B995
33.3%	33.3% #DDB49F	RGB 221 180 159	#DDB49F
50.0%	50.0% #E6AEA9	RGB 230 174 169	#E6AEA9
66.7%	66.7% #EEA9B2	RGB 238 169 178	#EEA9B2
83.3%	83.3% #F6A3BC	RGB 246 163 188	#F6A3BC
100.0%	100.0% #FF9EC6	RGB 255 158 198	#FF9EC6

#CDBF8C #D5B995 #DDB49F #E6AEA9 #EEA9B2 #F6A3BC #FF9EC6

#CDBF8C - #FF9EC6

HSV Blend

#CDBF8C - #FF9EC6 | 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 #CDBF8C as 0% and #FF9EC6 as 100%.

0.0%	0.0% #CDBF8C	RGB 205 191 140	#CDBF8C
16.7%	16.7% #D5B88F	RGB 213 184 143	#D5B88F
33.3%	33.3% #DDAF92	RGB 221 175 146	#DDAF92
50.0%	50.0% #E6A495	RGB 230 164 149	#E6A495
66.7%	66.7% #EE9899	RGB 238 152 153	#EE9899
83.3%	83.3% #F69BAE	RGB 246 155 174	#F69BAE
100.0%	100.0% #FF9EC6	RGB 255 158 198	#FF9EC6

#CDBF8C #D5B88F #DDAF92 #E6A495 #EE9899 #F69BAE #FF9EC6

#CDBF8C - #E6A495 - #FF9EC6

CSS codes

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

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