#CA5E97 - #391A2B | 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 #CA5E97 to #391A2B

#CA5E97 #391A2B

Calculate the color between two colors, #CA5E97 and #391A2B. 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)

#CA5E97 - #391A2B | 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 #CA5E97 as 0% and #391A2B as 100%.

0.0%	0.0% #CA5E97	RGB 202 94 151	#CA5E97
16.7%	16.7% #B15285	RGB 177 82 133	#B15285
33.3%	33.3% #994773	RGB 153 71 115	#994773
50.0%	50.0% #813C61	RGB 129 60 97	#813C61
66.7%	66.7% #69304F	RGB 105 48 79	#69304F
83.3%	83.3% #51253D	RGB 81 37 61	#51253D
100.0%	100.0% #391A2B	RGB 57 26 43	#391A2B

#CA5E97 #B15285 #994773 #813C61 #69304F #51253D #391A2B

#CA5E97 - #391A2B

HSV Blend

#CA5E97 - #391A2B | 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 #CA5E97 as 0% and #391A2B as 100%.

0.0%	0.0% #CA5E97	RGB 202 94 151	#CA5E97
16.7%	16.7% #B15285	RGB 177 82 133	#B15285
33.3%	33.3% #994773	RGB 153 71 115	#994773
50.0%	50.0% #813B61	RGB 129 59 97	#813B61
66.7%	66.7% #69304F	RGB 105 48 79	#69304F
83.3%	83.3% #51253D	RGB 81 37 61	#51253D
100.0%	100.0% #391A2B	RGB 57 26 43	#391A2B

#CA5E97 #B15285 #994773 #813B61 #69304F #51253D #391A2B

#CA5E97 - #813B61 - #391A2B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CA5E97 0%, #813B61 50%, #391A2B 100%);
    background: -webkit-linear-gradient(top, #CA5E97 0%, #813B61 50%, #391A2B 100%);
    background: linear-gradient(to bottom, #CA5E97 0%, #813B61 50%, #391A2B 100%);
}
</style>