#3E3E61 - #C7C7D1 | 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 #3E3E61 to #C7C7D1

#3E3E61 #C7C7D1

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

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

0.0%	0.0% #3E3E61	RGB 62 62 97	#3E3E61
16.7%	16.7% #545473	RGB 84 84 115	#545473
33.3%	33.3% #6B6B86	RGB 107 107 134	#6B6B86
50.0%	50.0% #828299	RGB 130 130 153	#828299
66.7%	66.7% #9999AB	RGB 153 153 171	#9999AB
83.3%	83.3% #B0B0BE	RGB 176 176 190	#B0B0BE
100.0%	100.0% #C7C7D1	RGB 199 199 209	#C7C7D1

#3E3E61 #545473 #6B6B86 #828299 #9999AB #B0B0BE #C7C7D1

#3E3E61 - #C7C7D1

HSV Blend

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

0.0%	0.0% #3E3E61	RGB 62 62 97	#3E3E61
16.7%	16.7% #4F4F73	RGB 79 79 115	#4F4F73
33.3%	33.3% #636386	RGB 99 99 134	#636386
50.0%	50.0% #797999	RGB 121 121 153	#797999
66.7%	66.7% #9191AB	RGB 145 145 171	#9191AB
83.3%	83.3% #ABABBE	RGB 171 171 190	#ABABBE
100.0%	100.0% #C7C7D1	RGB 199 199 209	#C7C7D1

#3E3E61 #4F4F73 #636386 #797999 #9191AB #ABABBE #C7C7D1

#3E3E61 - #797999 - #C7C7D1

CSS codes

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

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