#EC6B8C - #431E27 | 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 #EC6B8C to #431E27

#EC6B8C #431E27

Calculate the color between two colors, #EC6B8C and #431E27. 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)

#EC6B8C - #431E27 | 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 #EC6B8C as 0% and #431E27 as 100%.

0.0%	0.0% #EC6B8C	RGB 236 107 140	#EC6B8C
16.7%	16.7% #CF5E7B	RGB 207 94 123	#CF5E7B
33.3%	33.3% #B3516A	RGB 179 81 106	#B3516A
50.0%	50.0% #974459	RGB 151 68 89	#974459
66.7%	66.7% #7B3748	RGB 123 55 72	#7B3748
83.3%	83.3% #5F2A37	RGB 95 42 55	#5F2A37
100.0%	100.0% #431E27	RGB 67 30 39	#431E27

#EC6B8C #CF5E7B #B3516A #974459 #7B3748 #5F2A37 #431E27

#EC6B8C - #431E27

HSV Blend

#EC6B8C - #431E27 | 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 #EC6B8C as 0% and #431E27 as 100%.

0.0%	0.0% #EC6B8C	RGB 236 107 140	#EC6B8C
16.7%	16.7% #CF5E7A	RGB 207 94 122	#CF5E7A
33.3%	33.3% #B35169	RGB 179 81 105	#B35169
50.0%	50.0% #974459	RGB 151 68 89	#974459
66.7%	66.7% #7B3748	RGB 123 55 72	#7B3748
83.3%	83.3% #5F2A37	RGB 95 42 55	#5F2A37
100.0%	100.0% #431E27	RGB 67 30 39	#431E27

#EC6B8C #CF5E7A #B35169 #974459 #7B3748 #5F2A37 #431E27

#EC6B8C - #974459 - #431E27

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #EC6B8C 0%, #974459 50%, #431E27 100%);
    background: -webkit-linear-gradient(top, #EC6B8C 0%, #974459 50%, #431E27 100%);
    background: linear-gradient(to bottom, #EC6B8C 0%, #974459 50%, #431E27 100%);
}
</style>