#3E5E55 - #B17BCF | 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 #3E5E55 to #B17BCF

#3E5E55 #B17BCF

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

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

0.0%	0.0% #3E5E55	RGB 62 94 85	#3E5E55
16.7%	16.7% #516269	RGB 81 98 105	#516269
33.3%	33.3% #64677D	RGB 100 103 125	#64677D
50.0%	50.0% #776C92	RGB 119 108 146	#776C92
66.7%	66.7% #8A71A6	RGB 138 113 166	#8A71A6
83.3%	83.3% #9D76BA	RGB 157 118 186	#9D76BA
100.0%	100.0% #B17BCF	RGB 177 123 207	#B17BCF

#3E5E55 #516269 #64677D #776C92 #8A71A6 #9D76BA #B17BCF

#3E5E55 - #B17BCF

HSV Blend

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

0.0%	0.0% #3E5E55	RGB 62 94 85	#3E5E55
16.7%	16.7% #496F70	RGB 73 111 112	#496F70
33.3%	33.3% #537283	RGB 83 114 131	#537283
50.0%	50.0% #5E7096	RGB 94 112 150	#5E7096
66.7%	66.7% #6868A9	RGB 104 104 169	#6868A9
83.3%	83.3% #8971BC	RGB 137 113 188	#8971BC
100.0%	100.0% #B17BCF	RGB 177 123 207	#B17BCF

#3E5E55 #496F70 #537283 #5E7096 #6868A9 #8971BC #B17BCF

#3E5E55 - #5E7096 - #B17BCF

CSS codes

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

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