#3C3C6B - #837D93 | 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 #3C3C6B to #837D93

#3C3C6B #837D93

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

#3C3C6B - #837D93 | 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 #3C3C6B as 0% and #837D93 as 100%.

0.0%	0.0% #3C3C6B	RGB 60 60 107	#3C3C6B
16.7%	16.7% #474671	RGB 71 70 113	#474671
33.3%	33.3% #535178	RGB 83 81 120	#535178
50.0%	50.0% #5F5C7F	RGB 95 92 127	#5F5C7F
66.7%	66.7% #6B6785	RGB 107 103 133	#6B6785
83.3%	83.3% #77728C	RGB 119 114 140	#77728C
100.0%	100.0% #837D93	RGB 131 125 147	#837D93

#3C3C6B #474671 #535178 #5F5C7F #6B6785 #77728C #837D93

#3C3C6B - #837D93

HSV Blend

#3C3C6B - #837D93 | 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 #3C3C6B as 0% and #837D93 as 100%.

0.0%	0.0% #3C3C6B	RGB 60 60 107	#3C3C6B
16.7%	16.7% #474571	RGB 71 69 113	#474571
33.3%	33.3% #524F78	RGB 82 79 120	#524F78
50.0%	50.0% #5E597F	RGB 94 89 127	#5E597F
66.7%	66.7% #6A6485	RGB 106 100 133	#6A6485
83.3%	83.3% #76708C	RGB 118 112 140	#76708C
100.0%	100.0% #837D93	RGB 131 125 147	#837D93

#3C3C6B #474571 #524F78 #5E597F #6A6485 #76708C #837D93

#3C3C6B - #5E597F - #837D93

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3C6B 0%, #5E597F 50%, #837D93 100%);
    background: -webkit-linear-gradient(top, #3C3C6B 0%, #5E597F 50%, #837D93 100%);
    background: linear-gradient(to bottom, #3C3C6B 0%, #5E597F 50%, #837D93 100%);
}
</style>