#CF7F8C - #FFCDA3 | 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 #CF7F8C to #FFCDA3

#CF7F8C #FFCDA3

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

#CF7F8C - #FFCDA3 | 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 #CF7F8C as 0% and #FFCDA3 as 100%.

0.0%	0.0% #CF7F8C	RGB 207 127 140	#CF7F8C
16.7%	16.7% #D78C8F	RGB 215 140 143	#D78C8F
33.3%	33.3% #DF9993	RGB 223 153 147	#DF9993
50.0%	50.0% #E7A697	RGB 231 166 151	#E7A697
66.7%	66.7% #EFB39B	RGB 239 179 155	#EFB39B
83.3%	83.3% #F7C09F	RGB 247 192 159	#F7C09F
100.0%	100.0% #FFCDA3	RGB 255 205 163	#FFCDA3

#CF7F8C #D78C8F #DF9993 #E7A697 #EFB39B #F7C09F #FFCDA3

#CF7F8C - #FFCDA3

HSV Blend

#CF7F8C - #FFCDA3 | 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 #CF7F8C as 0% and #FFCDA3 as 100%.

0.0%	0.0% #CF7F8C	RGB 207 127 140	#CF7F8C
16.7%	16.7% #D78489	RGB 215 132 137	#D78489
33.3%	33.3% #DF8E8A	RGB 223 142 138	#DF8E8A
50.0%	50.0% #E79D90	RGB 231 157 144	#E79D90
66.7%	66.7% #EFAC96	RGB 239 172 150	#EFAC96
83.3%	83.3% #F7BC9C	RGB 247 188 156	#F7BC9C
100.0%	100.0% #FFCDA3	RGB 255 205 163	#FFCDA3

#CF7F8C #D78489 #DF8E8A #E79D90 #EFAC96 #F7BC9C #FFCDA3

#CF7F8C - #E79D90 - #FFCDA3

CSS codes

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

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