#3C3E64 - #867F8C | 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 #3C3E64 to #867F8C

#3C3E64 #867F8C

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

#3C3E64 - #867F8C | 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 #3C3E64 as 0% and #867F8C as 100%.

0.0%	0.0% #3C3E64	RGB 60 62 100	#3C3E64
16.7%	16.7% #48486A	RGB 72 72 106	#48486A
33.3%	33.3% #545371	RGB 84 83 113	#545371
50.0%	50.0% #615E78	RGB 97 94 120	#615E78
66.7%	66.7% #6D697E	RGB 109 105 126	#6D697E
83.3%	83.3% #797485	RGB 121 116 133	#797485
100.0%	100.0% #867F8C	RGB 134 127 140	#867F8C

#3C3E64 #48486A #545371 #615E78 #6D697E #797485 #867F8C

#3C3E64 - #867F8C

HSV Blend

#3C3E64 - #867F8C | 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 #3C3E64 as 0% and #867F8C as 100%.

0.0%	0.0% #3C3E64	RGB 60 62 100	#3C3E64
16.7%	16.7% #47456A	RGB 71 69 106	#47456A
33.3%	33.3% #544F71	RGB 84 79 113	#544F71
50.0%	50.0% #615A78	RGB 97 90 120	#615A78
66.7%	66.7% #6E657E	RGB 110 101 126	#6E657E
83.3%	83.3% #7A7285	RGB 122 114 133	#7A7285
100.0%	100.0% #867F8C	RGB 134 127 140	#867F8C

#3C3E64 #47456A #544F71 #615A78 #6E657E #7A7285 #867F8C

#3C3E64 - #615A78 - #867F8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3E64 0%, #615A78 50%, #867F8C 100%);
    background: -webkit-linear-gradient(top, #3C3E64 0%, #615A78 50%, #867F8C 100%);
    background: linear-gradient(to bottom, #3C3E64 0%, #615A78 50%, #867F8C 100%);
}
</style>