#3E3E41 - #CD5B77 | 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 #3E3E41 to #CD5B77

#3E3E41 #CD5B77

Calculate the color between two colors, #3E3E41 and #CD5B77. 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)

#3E3E41 - #CD5B77 | 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 #3E3E41 as 0% and #CD5B77 as 100%.

0.0%	0.0% #3E3E41	RGB 62 62 65	#3E3E41
16.7%	16.7% #55424A	RGB 85 66 74	#55424A
33.3%	33.3% #6D4753	RGB 109 71 83	#6D4753
50.0%	50.0% #854C5C	RGB 133 76 92	#854C5C
66.7%	66.7% #9D5165	RGB 157 81 101	#9D5165
83.3%	83.3% #B5566E	RGB 181 86 110	#B5566E
100.0%	100.0% #CD5B77	RGB 205 91 119	#CD5B77

#3E3E41 #55424A #6D4753 #854C5C #9D5165 #B5566E #CD5B77

#3E3E41 - #CD5B77

HSV Blend

#3E3E41 - #CD5B77 | 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 #3E3E41 as 0% and #CD5B77 as 100%.

0.0%	0.0% #3E3E41	RGB 62 62 65	#3E3E41
16.7%	16.7% #504C58	RGB 80 76 88	#504C58
33.3%	33.3% #65576F	RGB 101 87 111	#65576F
50.0%	50.0% #825E87	RGB 130 94 135	#825E87
66.7%	66.7% #9E6193	RGB 158 97 147	#9E6193
83.3%	83.3% #B5608E	RGB 181 96 142	#B5608E
100.0%	100.0% #CD5B77	RGB 205 91 119	#CD5B77

#3E3E41 #504C58 #65576F #825E87 #9E6193 #B5608E #CD5B77

#3E3E41 - #825E87 - #CD5B77

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E41 0%, #825E87 50%, #CD5B77 100%);
    background: -webkit-linear-gradient(top, #3E3E41 0%, #825E87 50%, #CD5B77 100%);
    background: linear-gradient(to bottom, #3E3E41 0%, #825E87 50%, #CD5B77 100%);
}
</style>