#3E3E68 - #877F8F | 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 #3E3E68 to #877F8F

#3E3E68 #877F8F

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

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

0.0%	0.0% #3E3E68	RGB 62 62 104	#3E3E68
16.7%	16.7% #4A486E	RGB 74 72 110	#4A486E
33.3%	33.3% #565375	RGB 86 83 117	#565375
50.0%	50.0% #625E7B	RGB 98 94 123	#625E7B
66.7%	66.7% #6E6982	RGB 110 105 130	#6E6982
83.3%	83.3% #7A7488	RGB 122 116 136	#7A7488
100.0%	100.0% #877F8F	RGB 135 127 143	#877F8F

#3E3E68 #4A486E #565375 #625E7B #6E6982 #7A7488 #877F8F

#3E3E68 - #877F8F

HSV Blend

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

0.0%	0.0% #3E3E68	RGB 62 62 104	#3E3E68
16.7%	16.7% #4A476E	RGB 74 71 110	#4A476E
33.3%	33.3% #575175	RGB 87 81 117	#575175
50.0%	50.0% #635B7B	RGB 99 91 123	#635B7B
66.7%	66.7% #6F6682	RGB 111 102 130	#6F6682
83.3%	83.3% #7B7288	RGB 123 114 136	#7B7288
100.0%	100.0% #877F8F	RGB 135 127 143	#877F8F

#3E3E68 #4A476E #575175 #635B7B #6F6682 #7B7288 #877F8F

#3E3E68 - #635B7B - #877F8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E68 0%, #635B7B 50%, #877F8F 100%);
    background: -webkit-linear-gradient(top, #3E3E68 0%, #635B7B 50%, #877F8F 100%);
    background: linear-gradient(to bottom, #3E3E68 0%, #635B7B 50%, #877F8F 100%);
}
</style>