#CD5E73 - #83162D | 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 #CD5E73 to #83162D

#CD5E73 #83162D

Calculate the color between two colors, #CD5E73 and #83162D. 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)

#CD5E73 - #83162D | 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 #CD5E73 as 0% and #83162D as 100%.

0.0%	0.0% #CD5E73	RGB 205 94 115	#CD5E73
16.7%	16.7% #C05267	RGB 192 82 103	#C05267
33.3%	33.3% #B4465B	RGB 180 70 91	#B4465B
50.0%	50.0% #A83A50	RGB 168 58 80	#A83A50
66.7%	66.7% #9B2E44	RGB 155 46 68	#9B2E44
83.3%	83.3% #8F2238	RGB 143 34 56	#8F2238
100.0%	100.0% #83162D	RGB 131 22 45	#83162D

#CD5E73 #C05267 #B4465B #A83A50 #9B2E44 #8F2238 #83162D

#CD5E73 - #83162D

HSV Blend

#CD5E73 - #83162D | 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 #CD5E73 as 0% and #83162D as 100%.

0.0%	0.0% #CD5E72	RGB 205 94 114	#CD5E72
16.7%	16.7% #C04F64	RGB 192 79 100	#C04F64
33.3%	33.3% #B44157	RGB 180 65 87	#B44157
50.0%	50.0% #A8344B	RGB 168 52 75	#A8344B
66.7%	66.7% #9B2940	RGB 155 41 64	#9B2940
83.3%	83.3% #8F1F36	RGB 143 31 54	#8F1F36
100.0%	100.0% #83162D	RGB 131 22 45	#83162D

#CD5E72 #C04F64 #B44157 #A8344B #9B2940 #8F1F36 #83162D

#CD5E73 - #A8344B - #83162D

CSS codes

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

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