#3E3E54 - #C7C7CE | 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 #3E3E54 to #C7C7CE

#3E3E54 #C7C7CE

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

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

0.0%	0.0% #3E3E54	RGB 62 62 84	#3E3E54
16.7%	16.7% #545468	RGB 84 84 104	#545468
33.3%	33.3% #6B6B7C	RGB 107 107 124	#6B6B7C
50.0%	50.0% #828291	RGB 130 130 145	#828291
66.7%	66.7% #9999A5	RGB 153 153 165	#9999A5
83.3%	83.3% #B0B0B9	RGB 176 176 185	#B0B0B9
100.0%	100.0% #C7C7CE	RGB 199 199 206	#C7C7CE

#3E3E54 #545468 #6B6B7C #828291 #9999A5 #B0B0B9 #C7C7CE

#3E3E54 - #C7C7CE

HSV Blend

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

0.0%	0.0% #3E3E54	RGB 62 62 84	#3E3E54
16.7%	16.7% #505068	RGB 80 80 104	#505068
33.3%	33.3% #65657C	RGB 101 101 124	#65657C
50.0%	50.0% #7B7B91	RGB 123 123 145	#7B7B91
66.7%	66.7% #9393A5	RGB 147 147 165	#9393A5
83.3%	83.3% #ACACB9	RGB 172 172 185	#ACACB9
100.0%	100.0% #C7C7CE	RGB 199 199 206	#C7C7CE

#3E3E54 #505068 #65657C #7B7B91 #9393A5 #ACACB9 #C7C7CE

#3E3E54 - #7B7B91 - #C7C7CE

CSS codes

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

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