#3E3E41 - #CD5B76 | 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 #CD5B76

#3E3E41 #CD5B76

Calculate the color between two colors, #3E3E41 and #CD5B76. 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 - #CD5B76 | 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 #CD5B76 as 100%.

0.0%	0.0% #3E3E41	RGB 62 62 65	#3E3E41
16.7%	16.7% #554249	RGB 85 66 73	#554249
33.3%	33.3% #6D4752	RGB 109 71 82	#6D4752
50.0%	50.0% #854C5B	RGB 133 76 91	#854C5B
66.7%	66.7% #9D5164	RGB 157 81 100	#9D5164
83.3%	83.3% #B5566D	RGB 181 86 109	#B5566D
100.0%	100.0% #CD5B76	RGB 205 91 118	#CD5B76

#3E3E41 #554249 #6D4752 #854C5B #9D5164 #B5566D #CD5B76

#3E3E41 - #CD5B76

HSV Blend

#3E3E41 - #CD5B76 | 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 #CD5B76 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% #B5608D	RGB 181 96 141	#B5608D
100.0%	100.0% #CD5B76	RGB 205 91 118	#CD5B76

#3E3E41 #504C58 #65576F #825E87 #9E6193 #B5608D #CD5B76

#3E3E41 - #825E87 - #CD5B76

CSS codes

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

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