#C299A1 - #372B2D | 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 #C299A1 to #372B2D

#C299A1 #372B2D

Calculate the color between two colors, #C299A1 and #372B2D. 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)

#C299A1 - #372B2D | 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 #C299A1 as 0% and #372B2D as 100%.

0.0%	0.0% #C299A1	RGB 194 153 161	#C299A1
16.7%	16.7% #AA868D	RGB 170 134 141	#AA868D
33.3%	33.3% #93747A	RGB 147 116 122	#93747A
50.0%	50.0% #7C6267	RGB 124 98 103	#7C6267
66.7%	66.7% #654F53	RGB 101 79 83	#654F53
83.3%	83.3% #4E3D40	RGB 78 61 64	#4E3D40
100.0%	100.0% #372B2D	RGB 55 43 45	#372B2D

#C299A1 #AA868D #93747A #7C6267 #654F53 #4E3D40 #372B2D

#C299A1 - #372B2D

HSV Blend

#C299A1 - #372B2D | 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 #C299A1 as 0% and #372B2D as 100%.

0.0%	0.0% #C299A1	RGB 194 153 161	#C299A1
16.7%	16.7% #AA868D	RGB 170 134 141	#AA868D
33.3%	33.3% #937479	RGB 147 116 121	#937479
50.0%	50.0% #7C6166	RGB 124 97 102	#7C6166
66.7%	66.7% #654F53	RGB 101 79 83	#654F53
83.3%	83.3% #4E3D40	RGB 78 61 64	#4E3D40
100.0%	100.0% #372B2D	RGB 55 43 45	#372B2D

#C299A1 #AA868D #937479 #7C6166 #654F53 #4E3D40 #372B2D

#C299A1 - #7C6166 - #372B2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C299A1 0%, #7C6166 50%, #372B2D 100%);
    background: -webkit-linear-gradient(top, #C299A1 0%, #7C6166 50%, #372B2D 100%);
    background: linear-gradient(to bottom, #C299A1 0%, #7C6166 50%, #372B2D 100%);
}
</style>