#CF8D9C - #FFD7B3 | 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 #CF8D9C to #FFD7B3

#CF8D9C #FFD7B3

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

#CF8D9C - #FFD7B3 | 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 #CF8D9C as 0% and #FFD7B3 as 100%.

0.0%	0.0% #CF8D9C	RGB 207 141 156	#CF8D9C
16.7%	16.7% #D7999F	RGB 215 153 159	#D7999F
33.3%	33.3% #DFA5A3	RGB 223 165 163	#DFA5A3
50.0%	50.0% #E7B2A7	RGB 231 178 167	#E7B2A7
66.7%	66.7% #EFBEAB	RGB 239 190 171	#EFBEAB
83.3%	83.3% #F7CAAF	RGB 247 202 175	#F7CAAF
100.0%	100.0% #FFD7B3	RGB 255 215 179	#FFD7B3

#CF8D9C #D7999F #DFA5A3 #E7B2A7 #EFBEAB #F7CAAF #FFD7B3

#CF8D9C - #FFD7B3

HSV Blend

#CF8D9C - #FFD7B3 | 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 #CF8D9C as 0% and #FFD7B3 as 100%.

0.0%	0.0% #CF8D9B	RGB 207 141 155	#CF8D9B
16.7%	16.7% #D7939A	RGB 215 147 154	#D7939A
33.3%	33.3% #DF9999	RGB 223 153 153	#DF9999
50.0%	50.0% #E7A89F	RGB 231 168 159	#E7A89F
66.7%	66.7% #EFB7A6	RGB 239 183 166	#EFB7A6
83.3%	83.3% #F7C7AC	RGB 247 199 172	#F7C7AC
100.0%	100.0% #FFD7B3	RGB 255 215 179	#FFD7B3

#CF8D9B #D7939A #DF9999 #E7A89F #EFB7A6 #F7C7AC #FFD7B3

#CF8D9C - #E7A89F - #FFD7B3

CSS codes

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

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