#8B9288 - #C4A8D9 | 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 #8B9288 to #C4A8D9

#8B9288 #C4A8D9

Calculate the color between two colors, #8B9288 and #C4A8D9. 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)

#8B9288 - #C4A8D9 | 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 #8B9288 as 0% and #C4A8D9 as 100%.

0.0%	0.0% #8B9288	RGB 139 146 136	#8B9288
16.7%	16.7% #949595	RGB 148 149 149	#949595
33.3%	33.3% #9E99A3	RGB 158 153 163	#9E99A3
50.0%	50.0% #A79DB0	RGB 167 157 176	#A79DB0
66.7%	66.7% #B1A0BE	RGB 177 160 190	#B1A0BE
83.3%	83.3% #BAA4CB	RGB 186 164 203	#BAA4CB
100.0%	100.0% #C4A8D9	RGB 196 168 217	#C4A8D9

#8B9288 #949595 #9E99A3 #A79DB0 #B1A0BE #BAA4CB #C4A8D9

#8B9288 - #C4A8D9

HSV Blend

#8B9288 - #C4A8D9 | 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 #8B9288 as 0% and #C4A8D9 as 100%.

0.0%	0.0% #8B9288	RGB 139 146 136	#8B9288
16.7%	16.7% #8E9D91	RGB 142 157 145	#8E9D91
33.3%	33.3% #95A9A2	RGB 149 169 162	#95A9A2
50.0%	50.0% #9AB1B5	RGB 154 177 181	#9AB1B5
66.7%	66.7% #9FACC1	RGB 159 172 193	#9FACC1
83.3%	83.3% #A8A4CD	RGB 168 164 205	#A8A4CD
100.0%	100.0% #C4A8D9	RGB 196 168 217	#C4A8D9

#8B9288 #8E9D91 #95A9A2 #9AB1B5 #9FACC1 #A8A4CD #C4A8D9

#8B9288 - #9AB1B5 - #C4A8D9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8B9288 0%, #9AB1B5 50%, #C4A8D9 100%);
    background: -webkit-linear-gradient(top, #8B9288 0%, #9AB1B5 50%, #C4A8D9 100%);
    background: linear-gradient(to bottom, #8B9288 0%, #9AB1B5 50%, #C4A8D9 100%);
}
</style>