#5E3257 - #C77C82 | 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 #5E3257 to #C77C82

#5E3257 #C77C82

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

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

0.0%	0.0% #5E3257	RGB 94 50 87	#5E3257
16.7%	16.7% #6F3E5E	RGB 111 62 94	#6F3E5E
33.3%	33.3% #814A65	RGB 129 74 101	#814A65
50.0%	50.0% #92576C	RGB 146 87 108	#92576C
66.7%	66.7% #A46373	RGB 164 99 115	#A46373
83.3%	83.3% #B56F7A	RGB 181 111 122	#B56F7A
100.0%	100.0% #C77C82	RGB 199 124 130	#C77C82

#5E3257 #6F3E5E #814A65 #92576C #A46373 #B56F7A #C77C82

#5E3257 - #C77C82

HSV Blend

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

0.0%	0.0% #5E3256	RGB 94 50 86	#5E3256
16.7%	16.7% #6F3D61	RGB 111 61 97	#6F3D61
33.3%	33.3% #814869	RGB 129 72 105	#814869
50.0%	50.0% #925471	RGB 146 84 113	#925471
66.7%	66.7% #A46177	RGB 164 97 119	#A46177
83.3%	83.3% #B56E7D	RGB 181 110 125	#B56E7D
100.0%	100.0% #C77C82	RGB 199 124 130	#C77C82

#5E3256 #6F3D61 #814869 #925471 #A46177 #B56E7D #C77C82

#5E3257 - #925471 - #C77C82

CSS codes

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

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