#CF5E6C - #FFD3A9 | 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 #CF5E6C to #FFD3A9

#CF5E6C #FFD3A9

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

#CF5E6C - #FFD3A9 | 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 #CF5E6C as 0% and #FFD3A9 as 100%.

0.0%	0.0% #CF5E6C	RGB 207 94 108	#CF5E6C
16.7%	16.7% #D77176	RGB 215 113 118	#D77176
33.3%	33.3% #DF8580	RGB 223 133 128	#DF8580
50.0%	50.0% #E7988A	RGB 231 152 138	#E7988A
66.7%	66.7% #EFAC94	RGB 239 172 148	#EFAC94
83.3%	83.3% #F7BF9E	RGB 247 191 158	#F7BF9E
100.0%	100.0% #FFD3A9	RGB 255 211 169	#FFD3A9

#CF5E6C #D77176 #DF8580 #E7988A #EFAC94 #F7BF9E #FFD3A9

#CF5E6C - #FFD3A9

HSV Blend

#CF5E6C - #FFD3A9 | 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 #CF5E6C as 0% and #FFD3A9 as 100%.

0.0%	0.0% #CF5E6C	RGB 207 94 108	#CF5E6C
16.7%	16.7% #D7696B	RGB 215 105 107	#D7696B
33.3%	33.3% #DF7D74	RGB 223 125 116	#DF7D74
50.0%	50.0% #E79380	RGB 231 147 128	#E79380
66.7%	66.7% #EFA98D	RGB 239 169 141	#EFA98D
83.3%	83.3% #F7BE9B	RGB 247 190 155	#F7BE9B
100.0%	100.0% #FFD3A9	RGB 255 211 169	#FFD3A9

#CF5E6C #D7696B #DF7D74 #E79380 #EFA98D #F7BE9B #FFD3A9

#CF5E6C - #E79380 - #FFD3A9

CSS codes

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

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