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

#3E3E41 #CD5B68

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

0.0%	0.0% #3E3E41	RGB 62 62 65	#3E3E41
16.7%	16.7% #554247	RGB 85 66 71	#554247
33.3%	33.3% #6D474E	RGB 109 71 78	#6D474E
50.0%	50.0% #854C54	RGB 133 76 84	#854C54
66.7%	66.7% #9D515B	RGB 157 81 91	#9D515B
83.3%	83.3% #B55661	RGB 181 86 97	#B55661
100.0%	100.0% #CD5B68	RGB 205 91 104	#CD5B68

#3E3E41 #554247 #6D474E #854C54 #9D515B #B55661 #CD5B68

#3E3E41 - #CD5B68

HSV Blend

#3E3E41 - #CD5B68 | 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 #CD5B68 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% #66576F	RGB 102 87 111	#66576F
50.0%	50.0% #845E87	RGB 132 94 135	#845E87
66.7%	66.7% #9E618E	RGB 158 97 142	#9E618E
83.3%	83.3% #B56084	RGB 181 96 132	#B56084
100.0%	100.0% #CD5B68	RGB 205 91 104	#CD5B68

#3E3E41 #504C58 #66576F #845E87 #9E618E #B56084 #CD5B68

#3E3E41 - #845E87 - #CD5B68

CSS codes

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

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