#CD5E6F - #82182B | 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 #CD5E6F to #82182B

#CD5E6F #82182B

Calculate the color between two colors, #CD5E6F and #82182B. 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)

#CD5E6F - #82182B | 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 #CD5E6F as 0% and #82182B as 100%.

0.0%	0.0% #CD5E6F	RGB 205 94 111	#CD5E6F
16.7%	16.7% #C05263	RGB 192 82 99	#C05263
33.3%	33.3% #B44658	RGB 180 70 88	#B44658
50.0%	50.0% #A73B4D	RGB 167 59 77	#A73B4D
66.7%	66.7% #9B2F41	RGB 155 47 65	#9B2F41
83.3%	83.3% #8E2336	RGB 142 35 54	#8E2336
100.0%	100.0% #82182B	RGB 130 24 43	#82182B

#CD5E6F #C05263 #B44658 #A73B4D #9B2F41 #8E2336 #82182B

#CD5E6F - #82182B

HSV Blend

#CD5E6F - #82182B | 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 #CD5E6F as 0% and #82182B as 100%.

0.0%	0.0% #CD5E6E	RGB 205 94 110	#CD5E6E
16.7%	16.7% #C04F61	RGB 192 79 97	#C04F61
33.3%	33.3% #B44254	RGB 180 66 84	#B44254
50.0%	50.0% #A73548	RGB 167 53 72	#A73548
66.7%	66.7% #9B2A3D	RGB 155 42 61	#9B2A3D
83.3%	83.3% #8E2033	RGB 142 32 51	#8E2033
100.0%	100.0% #82182B	RGB 130 24 43	#82182B

#CD5E6E #C04F61 #B44254 #A73548 #9B2A3D #8E2033 #82182B

#CD5E6F - #A73548 - #82182B

CSS codes

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

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