#CD7E8F - #8F2B42 | 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 #CD7E8F to #8F2B42

#CD7E8F #8F2B42

Calculate the color between two colors, #CD7E8F and #8F2B42. 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)

#CD7E8F - #8F2B42 | 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 #CD7E8F as 0% and #8F2B42 as 100%.

0.0%	0.0% #CD7E8F	RGB 205 126 143	#CD7E8F
16.7%	16.7% #C27082	RGB 194 112 130	#C27082
33.3%	33.3% #B86275	RGB 184 98 117	#B86275
50.0%	50.0% #AE5468	RGB 174 84 104	#AE5468
66.7%	66.7% #A3465B	RGB 163 70 91	#A3465B
83.3%	83.3% #99384E	RGB 153 56 78	#99384E
100.0%	100.0% #8F2B42	RGB 143 43 66	#8F2B42

#CD7E8F #C27082 #B86275 #AE5468 #A3465B #99384E #8F2B42

#CD7E8F - #8F2B42

HSV Blend

#CD7E8F - #8F2B42 | 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 #CD7E8F as 0% and #8F2B42 as 100%.

0.0%	0.0% #CD7E8E	RGB 205 126 142	#CD7E8E
16.7%	16.7% #C26D80	RGB 194 109 128	#C26D80
33.3%	33.3% #B85E71	RGB 184 94 113	#B85E71
50.0%	50.0% #AE4F64	RGB 174 79 100	#AE4F64
66.7%	66.7% #A34258	RGB 163 66 88	#A34258
83.3%	83.3% #99364C	RGB 153 54 76	#99364C
100.0%	100.0% #8F2B42	RGB 143 43 66	#8F2B42

#CD7E8E #C26D80 #B85E71 #AE4F64 #A34258 #99364C #8F2B42

#CD7E8F - #AE4F64 - #8F2B42

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CD7E8E 0%, #AE4F64 50%, #8F2B42 100%);
    background: -webkit-linear-gradient(top, #CD7E8E 0%, #AE4F64 50%, #8F2B42 100%);
    background: linear-gradient(to bottom, #CD7E8E 0%, #AE4F64 50%, #8F2B42 100%);
}
</style>