#C6212B - #EEBFC2 | 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 #C6212B to #EEBFC2

#C6212B #EEBFC2

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

#C6212B - #EEBFC2 | 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 #C6212B as 0% and #EEBFC2 as 100%.

0.0%	0.0% #C6212B	RGB 198 33 43	#C6212B
16.7%	16.7% #CC3B44	RGB 204 59 68	#CC3B44
33.3%	33.3% #D3555D	RGB 211 85 93	#D3555D
50.0%	50.0% #DA7076	RGB 218 112 118	#DA7076
66.7%	66.7% #E08A8F	RGB 224 138 143	#E08A8F
83.3%	83.3% #E7A4A8	RGB 231 164 168	#E7A4A8
100.0%	100.0% #EEBFC2	RGB 238 191 194	#EEBFC2

#C6212B #CC3B44 #D3555D #DA7076 #E08A8F #E7A4A8 #EEBFC2

#C6212B - #EEBFC2

HSV Blend

#C6212B - #EEBFC2 | 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 #C6212B as 0% and #EEBFC2 as 100%.

0.0%	0.0% #C6212B	RGB 198 33 43	#C6212B
16.7%	16.7% #CC3740	RGB 204 55 64	#CC3740
33.3%	33.3% #D35058	RGB 211 80 88	#D35058
50.0%	50.0% #DA6970	RGB 218 105 112	#DA6970
66.7%	66.7% #E0848A	RGB 224 132 138	#E0848A
83.3%	83.3% #E7A1A5	RGB 231 161 165	#E7A1A5
100.0%	100.0% #EEBFC2	RGB 238 191 194	#EEBFC2

#C6212B #CC3740 #D35058 #DA6970 #E0848A #E7A1A5 #EEBFC2

#C6212B - #DA6970 - #EEBFC2

CSS codes

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

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