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

#3E3C50 #C7C7CD

Calculate the color between two colors, #3E3C50 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)

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

0.0%	0.0% #3E3C50	RGB 62 60 80	#3E3C50
16.7%	16.7% #545364	RGB 84 83 100	#545364
33.3%	33.3% #6B6A79	RGB 107 106 121	#6B6A79
50.0%	50.0% #82818E	RGB 130 129 142	#82818E
66.7%	66.7% #9998A3	RGB 153 152 163	#9998A3
83.3%	83.3% #B0AFB8	RGB 176 175 184	#B0AFB8
100.0%	100.0% #C7C7CD	RGB 199 199 205	#C7C7CD

#3E3C50 #545364 #6B6A79 #82818E #9998A3 #B0AFB8 #C7C7CD

#3E3C50 - #C7C7CD

HSV Blend

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

0.0%	0.0% #3E3C50	RGB 62 60 80	#3E3C50
16.7%	16.7% #514F64	RGB 81 79 100	#514F64
33.3%	33.3% #656479	RGB 101 100 121	#656479
50.0%	50.0% #7B7A8E	RGB 123 122 142	#7B7A8E
66.7%	66.7% #9392A3	RGB 147 146 163	#9392A3
83.3%	83.3% #ACACB8	RGB 172 172 184	#ACACB8
100.0%	100.0% #C7C7CD	RGB 199 199 205	#C7C7CD

#3E3C50 #514F64 #656479 #7B7A8E #9392A3 #ACACB8 #C7C7CD

#3E3C50 - #7B7A8E - #C7C7CD

CSS codes

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

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