#C2999D - #88484E | 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 #C2999D to #88484E

#C2999D #88484E

Calculate the color between two colors, #C2999D and #88484E. 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)

#C2999D - #88484E | 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 #C2999D as 0% and #88484E as 100%.

0.0%	0.0% #C2999D	RGB 194 153 157	#C2999D
16.7%	16.7% #B88B8F	RGB 184 139 143	#B88B8F
33.3%	33.3% #AE7E82	RGB 174 126 130	#AE7E82
50.0%	50.0% #A57075	RGB 165 112 117	#A57075
66.7%	66.7% #9B6368	RGB 155 99 104	#9B6368
83.3%	83.3% #91555B	RGB 145 85 91	#91555B
100.0%	100.0% #88484E	RGB 136 72 78	#88484E

#C2999D #B88B8F #AE7E82 #A57075 #9B6368 #91555B #88484E

#C2999D - #88484E

HSV Blend

#C2999D - #88484E | 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 #C2999D as 0% and #88484E as 100%.

0.0%	0.0% #C2999D	RGB 194 153 157	#C2999D
16.7%	16.7% #B8898D	RGB 184 137 141	#B8898D
33.3%	33.3% #AE7A7F	RGB 174 122 127	#AE7A7F
50.0%	50.0% #A56C72	RGB 165 108 114	#A56C72
66.7%	66.7% #9B5F65	RGB 155 95 101	#9B5F65
83.3%	83.3% #915359	RGB 145 83 89	#915359
100.0%	100.0% #88484E	RGB 136 72 78	#88484E

#C2999D #B8898D #AE7A7F #A56C72 #9B5F65 #915359 #88484E

#C2999D - #A56C72 - #88484E

CSS codes

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

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