#C2763A - #ECAFE7 | 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 #C2763A to #ECAFE7

#C2763A #ECAFE7

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

#C2763A - #ECAFE7 | 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 #C2763A as 0% and #ECAFE7 as 100%.

0.0%	0.0% #C2763A	RGB 194 118 58	#C2763A
16.7%	16.7% #C97F56	RGB 201 127 86	#C97F56
33.3%	33.3% #D08973	RGB 208 137 115	#D08973
50.0%	50.0% #D79290	RGB 215 146 144	#D79290
66.7%	66.7% #DE9CAD	RGB 222 156 173	#DE9CAD
83.3%	83.3% #E5A5CA	RGB 229 165 202	#E5A5CA
100.0%	100.0% #ECAFE7	RGB 236 175 231	#ECAFE7

#C2763A #C97F56 #D08973 #D79290 #DE9CAD #E5A5CA #ECAFE7

#C2763A - #ECAFE7

HSV Blend

#C2763A - #ECAFE7 | 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 #C2763A as 0% and #ECAFE7 as 100%.

0.0%	0.0% #C2763A	RGB 194 118 58	#C2763A
16.7%	16.7% #C9654A	RGB 201 101 74	#C9654A
33.3%	33.3% #D05C5E	RGB 208 92 94	#D05C5E
50.0%	50.0% #D76F88	RGB 215 111 136	#D76F88
66.7%	66.7% #DE83AD	RGB 222 131 173	#DE83AD
83.3%	83.3% #E598CD	RGB 229 152 205	#E598CD
100.0%	100.0% #ECAFE7	RGB 236 175 231	#ECAFE7

#C2763A #C9654A #D05C5E #D76F88 #DE83AD #E598CD #ECAFE7

#C2763A - #D76F88 - #ECAFE7

CSS codes

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

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