#C2959A - #FFD6B0 | 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 #C2959A to #FFD6B0

#C2959A #FFD6B0

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

#C2959A - #FFD6B0 | 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 #C2959A as 0% and #FFD6B0 as 100%.

0.0%	0.0% #C2959A	RGB 194 149 154	#C2959A
16.7%	16.7% #CC9F9D	RGB 204 159 157	#CC9F9D
33.3%	33.3% #D6AAA1	RGB 214 170 161	#D6AAA1
50.0%	50.0% #E0B5A5	RGB 224 181 165	#E0B5A5
66.7%	66.7% #EAC0A8	RGB 234 192 168	#EAC0A8
83.3%	83.3% #F4CBAC	RGB 244 203 172	#F4CBAC
100.0%	100.0% #FFD6B0	RGB 255 214 176	#FFD6B0

#C2959A #CC9F9D #D6AAA1 #E0B5A5 #EAC0A8 #F4CBAC #FFD6B0

#C2959A - #FFD6B0

HSV Blend

#C2959A - #FFD6B0 | 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 #C2959A as 0% and #FFD6B0 as 100%.

0.0%	0.0% #C2959A	RGB 194 149 154	#C2959A
16.7%	16.7% #CC9A9A	RGB 204 154 154	#CC9A9A
33.3%	33.3% #D6A39F	RGB 214 163 159	#D6A39F
50.0%	50.0% #E0AEA3	RGB 224 174 163	#E0AEA3
66.7%	66.7% #EABAA8	RGB 234 186 168	#EABAA8
83.3%	83.3% #F4C7AC	RGB 244 199 172	#F4C7AC
100.0%	100.0% #FFD6B0	RGB 255 214 176	#FFD6B0

#C2959A #CC9A9A #D6A39F #E0AEA3 #EABAA8 #F4C7AC #FFD6B0

#C2959A - #E0AEA3 - #FFD6B0

CSS codes

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

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