#4E5E59 - #CE77E4 | 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 #4E5E59 to #CE77E4

#4E5E59 #CE77E4

Calculate the color between two colors, #4E5E59 and #CE77E4. 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)

#4E5E59 - #CE77E4 | 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 #4E5E59 as 0% and #CE77E4 as 100%.

0.0%	0.0% #4E5E59	RGB 78 94 89	#4E5E59
16.7%	16.7% #636270	RGB 99 98 112	#636270
33.3%	33.3% #786687	RGB 120 102 135	#786687
50.0%	50.0% #8E6A9E	RGB 142 106 158	#8E6A9E
66.7%	66.7% #A36EB5	RGB 163 110 181	#A36EB5
83.3%	83.3% #B872CC	RGB 184 114 204	#B872CC
100.0%	100.0% #CE77E4	RGB 206 119 228	#CE77E4

#4E5E59 #636270 #786687 #8E6A9E #A36EB5 #B872CC #CE77E4

#4E5E59 - #CE77E4

HSV Blend

#4E5E59 - #CE77E4 | 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 #4E5E59 as 0% and #CE77E4 as 100%.

0.0%	0.0% #4E5E59	RGB 78 94 89	#4E5E59
16.7%	16.7% #5A7374	RGB 90 115 116	#5A7374
33.3%	33.3% #647B8A	RGB 100 123 138	#647B8A
50.0%	50.0% #6C7AA1	RGB 108 122 161	#6C7AA1
66.7%	66.7% #7972B7	RGB 121 114 183	#7972B7
83.3%	83.3% #9D75CD	RGB 157 117 205	#9D75CD
100.0%	100.0% #CE77E4	RGB 206 119 228	#CE77E4

#4E5E59 #5A7374 #647B8A #6C7AA1 #7972B7 #9D75CD #CE77E4

#4E5E59 - #6C7AA1 - #CE77E4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E5E59 0%, #6C7AA1 50%, #CE77E4 100%);
    background: -webkit-linear-gradient(top, #4E5E59 0%, #6C7AA1 50%, #CE77E4 100%);
    background: linear-gradient(to bottom, #4E5E59 0%, #6C7AA1 50%, #CE77E4 100%);
}
</style>