#5E264D - #C06B74 | 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 #5E264D to #C06B74

#5E264D #C06B74

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

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

0.0%	0.0% #5E264D	RGB 94 38 77	#5E264D
16.7%	16.7% #6E3153	RGB 110 49 83	#6E3153
33.3%	33.3% #7E3D5A	RGB 126 61 90	#7E3D5A
50.0%	50.0% #8F4860	RGB 143 72 96	#8F4860
66.7%	66.7% #9F5467	RGB 159 84 103	#9F5467
83.3%	83.3% #AF5F6D	RGB 175 95 109	#AF5F6D
100.0%	100.0% #C06B74	RGB 192 107 116	#C06B74

#5E264D #6E3153 #7E3D5A #8F4860 #9F5467 #AF5F6D #C06B74

#5E264D - #C06B74

HSV Blend

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

0.0%	0.0% #5E264C	RGB 94 38 76	#5E264C
16.7%	16.7% #6E2F55	RGB 110 47 85	#6E2F55
33.3%	33.3% #7E395C	RGB 126 57 92	#7E395C
50.0%	50.0% #8F4462	RGB 143 68 98	#8F4462
66.7%	66.7% #9F5068	RGB 159 80 104	#9F5068
83.3%	83.3% #AF5D6E	RGB 175 93 110	#AF5D6E
100.0%	100.0% #C06B74	RGB 192 107 116	#C06B74

#5E264C #6E2F55 #7E395C #8F4462 #9F5068 #AF5D6E #C06B74

#5E264D - #8F4462 - #C06B74

CSS codes

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

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