#5E254D - #C06A75 | 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 #5E254D to #C06A75

#5E254D #C06A75

Calculate the color between two colors, #5E254D and #C06A75. 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)

#5E254D - #C06A75 | 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 #5E254D as 0% and #C06A75 as 100%.

0.0%	0.0% #5E254D	RGB 94 37 77	#5E254D
16.7%	16.7% #6E3053	RGB 110 48 83	#6E3053
33.3%	33.3% #7E3C5A	RGB 126 60 90	#7E3C5A
50.0%	50.0% #8F4761	RGB 143 71 97	#8F4761
66.7%	66.7% #9F5367	RGB 159 83 103	#9F5367
83.3%	83.3% #AF5E6E	RGB 175 94 110	#AF5E6E
100.0%	100.0% #C06A75	RGB 192 106 117	#C06A75

#5E254D #6E3053 #7E3C5A #8F4761 #9F5367 #AF5E6E #C06A75

#5E254D - #C06A75

HSV Blend

#5E254D - #C06A75 | 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 #5E254D as 0% and #C06A75 as 100%.

0.0%	0.0% #5E254D	RGB 94 37 77	#5E254D
16.7%	16.7% #6E2E55	RGB 110 46 85	#6E2E55
33.3%	33.3% #7E385C	RGB 126 56 92	#7E385C
50.0%	50.0% #8F4362	RGB 143 67 98	#8F4362
66.7%	66.7% #9F4F69	RGB 159 79 105	#9F4F69
83.3%	83.3% #AF5C6E	RGB 175 92 110	#AF5C6E
100.0%	100.0% #C06A75	RGB 192 106 117	#C06A75

#5E254D #6E2E55 #7E385C #8F4362 #9F4F69 #AF5C6E #C06A75

#5E254D - #8F4362 - #C06A75

CSS codes

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

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