#955E5E - #B39CCD | 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 #955E5E to #B39CCD

#955E5E #B39CCD

Calculate the color between two colors, #955E5E and #B39CCD. 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)

#955E5E - #B39CCD | 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 #955E5E as 0% and #B39CCD as 100%.

0.0%	0.0% #955E5E	RGB 149 94 94	#955E5E
16.7%	16.7% #9A6870	RGB 154 104 112	#9A6870
33.3%	33.3% #9F7283	RGB 159 114 131	#9F7283
50.0%	50.0% #A47D95	RGB 164 125 149	#A47D95
66.7%	66.7% #A987A8	RGB 169 135 168	#A987A8
83.3%	83.3% #AE91BA	RGB 174 145 186	#AE91BA
100.0%	100.0% #B39CCD	RGB 179 156 205	#B39CCD

#955E5E #9A6870 #9F7283 #A47D95 #A987A8 #AE91BA #B39CCD

#955E5E - #B39CCD

HSV Blend

#955E5E - #B39CCD | 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 #955E5E as 0% and #B39CCD as 100%.

0.0%	0.0% #955E5E	RGB 149 94 94	#955E5E
16.7%	16.7% #9E6775	RGB 158 103 117	#9E6775
33.3%	33.3% #A7718C	RGB 167 113 140	#A7718C
50.0%	50.0% #B17BA4	RGB 177 123 164	#B17BA4
66.7%	66.7% #B985BA	RGB 185 133 186	#B985BA
83.3%	83.3% #B590C3	RGB 181 144 195	#B590C3
100.0%	100.0% #B39CCD	RGB 179 156 205	#B39CCD

#955E5E #9E6775 #A7718C #B17BA4 #B985BA #B590C3 #B39CCD

#955E5E - #B17BA4 - #B39CCD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #955E5E 0%, #B17BA4 50%, #B39CCD 100%);
    background: -webkit-linear-gradient(top, #955E5E 0%, #B17BA4 50%, #B39CCD 100%);
    background: linear-gradient(to bottom, #955E5E 0%, #B17BA4 50%, #B39CCD 100%);
}
</style>