#3E3E66 - #877F8D | 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 #3E3E66 to #877F8D

#3E3E66 #877F8D

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

#3E3E66 - #877F8D | 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 #3E3E66 as 0% and #877F8D as 100%.

0.0%	0.0% #3E3E66	RGB 62 62 102	#3E3E66
16.7%	16.7% #4A486C	RGB 74 72 108	#4A486C
33.3%	33.3% #565373	RGB 86 83 115	#565373
50.0%	50.0% #625E79	RGB 98 94 121	#625E79
66.7%	66.7% #6E6980	RGB 110 105 128	#6E6980
83.3%	83.3% #7A7486	RGB 122 116 134	#7A7486
100.0%	100.0% #877F8D	RGB 135 127 141	#877F8D

#3E3E66 #4A486C #565373 #625E79 #6E6980 #7A7486 #877F8D

#3E3E66 - #877F8D

HSV Blend

#3E3E66 - #877F8D | 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 #3E3E66 as 0% and #877F8D as 100%.

0.0%	0.0% #3E3E66	RGB 62 62 102	#3E3E66
16.7%	16.7% #4A476C	RGB 74 71 108	#4A476C
33.3%	33.3% #575173	RGB 87 81 115	#575173
50.0%	50.0% #645B79	RGB 100 91 121	#645B79
66.7%	66.7% #706680	RGB 112 102 128	#706680
83.3%	83.3% #7C7286	RGB 124 114 134	#7C7286
100.0%	100.0% #877F8D	RGB 135 127 141	#877F8D

#3E3E66 #4A476C #575173 #645B79 #706680 #7C7286 #877F8D

#3E3E66 - #645B79 - #877F8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E66 0%, #645B79 50%, #877F8D 100%);
    background: -webkit-linear-gradient(top, #3E3E66 0%, #645B79 50%, #877F8D 100%);
    background: linear-gradient(to bottom, #3E3E66 0%, #645B79 50%, #877F8D 100%);
}
</style>