#3E3C52 - #C7C7CD | 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 #3E3C52 to #C7C7CD

#3E3C52 #C7C7CD

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

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

0.0%	0.0% #3E3C52	RGB 62 60 82	#3E3C52
16.7%	16.7% #545366	RGB 84 83 102	#545366
33.3%	33.3% #6B6A7B	RGB 107 106 123	#6B6A7B
50.0%	50.0% #82818F	RGB 130 129 143	#82818F
66.7%	66.7% #9998A4	RGB 153 152 164	#9998A4
83.3%	83.3% #B0AFB8	RGB 176 175 184	#B0AFB8
100.0%	100.0% #C7C7CD	RGB 199 199 205	#C7C7CD

#3E3C52 #545366 #6B6A7B #82818F #9998A4 #B0AFB8 #C7C7CD

#3E3C52 - #C7C7CD

HSV Blend

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

0.0%	0.0% #3E3C52	RGB 62 60 82	#3E3C52
16.7%	16.7% #504F66	RGB 80 79 102	#504F66
33.3%	33.3% #65637B	RGB 101 99 123	#65637B
50.0%	50.0% #7B7A8F	RGB 123 122 143	#7B7A8F
66.7%	66.7% #9292A4	RGB 146 146 164	#9292A4
83.3%	83.3% #ABABB8	RGB 171 171 184	#ABABB8
100.0%	100.0% #C7C7CD	RGB 199 199 205	#C7C7CD

#3E3C52 #504F66 #65637B #7B7A8F #9292A4 #ABABB8 #C7C7CD

#3E3C52 - #7B7A8F - #C7C7CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C52 0%, #7B7A8F 50%, #C7C7CD 100%);
    background: -webkit-linear-gradient(top, #3E3C52 0%, #7B7A8F 50%, #C7C7CD 100%);
    background: linear-gradient(to bottom, #3E3C52 0%, #7B7A8F 50%, #C7C7CD 100%);
}
</style>