#CD6C8F - #8D1842 | 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 #CD6C8F to #8D1842

#CD6C8F #8D1842

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

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

0.0%	0.0% #CD6C8F	RGB 205 108 143	#CD6C8F
16.7%	16.7% #C25E82	RGB 194 94 130	#C25E82
33.3%	33.3% #B75075	RGB 183 80 117	#B75075
50.0%	50.0% #AD4268	RGB 173 66 104	#AD4268
66.7%	66.7% #A2345B	RGB 162 52 91	#A2345B
83.3%	83.3% #97264E	RGB 151 38 78	#97264E
100.0%	100.0% #8D1842	RGB 141 24 66	#8D1842

#CD6C8F #C25E82 #B75075 #AD4268 #A2345B #97264E #8D1842

#CD6C8F - #8D1842

HSV Blend

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

0.0%	0.0% #CD6C8F	RGB 205 108 143	#CD6C8F
16.7%	16.7% #C25A80	RGB 194 90 128	#C25A80
33.3%	33.3% #B74A72	RGB 183 74 114	#B74A72
50.0%	50.0% #AD3C64	RGB 173 60 100	#AD3C64
66.7%	66.7% #A22E58	RGB 162 46 88	#A22E58
83.3%	83.3% #97224C	RGB 151 34 76	#97224C
100.0%	100.0% #8D1842	RGB 141 24 66	#8D1842

#CD6C8F #C25A80 #B74A72 #AD3C64 #A22E58 #97224C #8D1842

#CD6C8F - #AD3C64 - #8D1842

CSS codes

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

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