#8C7A8F - #95B9C6 | 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 #8C7A8F to #95B9C6

#8C7A8F #95B9C6

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

#8C7A8F - #95B9C6 | 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 #8C7A8F as 0% and #95B9C6 as 100%.

0.0%	0.0% #8C7A8F	RGB 140 122 143	#8C7A8F
16.7%	16.7% #8D8498	RGB 141 132 152	#8D8498
33.3%	33.3% #8F8FA1	RGB 143 143 161	#8F8FA1
50.0%	50.0% #9099AA	RGB 144 153 170	#9099AA
66.7%	66.7% #92A4B3	RGB 146 164 179	#92A4B3
83.3%	83.3% #93AEBC	RGB 147 174 188	#93AEBC
100.0%	100.0% #95B9C6	RGB 149 185 198	#95B9C6

#8C7A8F #8D8498 #8F8FA1 #9099AA #92A4B3 #93AEBC #95B9C6

#8C7A8F - #95B9C6

HSV Blend

#8C7A8F - #95B9C6 | 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 #8C7A8F as 0% and #95B9C6 as 100%.

0.0%	0.0% #8C7A8F	RGB 140 122 143	#8C7A8F
16.7%	16.7% #8E7F98	RGB 142 127 152	#8E7F98
33.3%	33.3% #8D84A1	RGB 141 132 161	#8D84A1
50.0%	50.0% #8A88AA	RGB 138 136 170	#8A88AA
66.7%	66.7% #8D95B3	RGB 141 149 179	#8D95B3
83.3%	83.3% #91A5BC	RGB 145 165 188	#91A5BC
100.0%	100.0% #95B9C6	RGB 149 185 198	#95B9C6

#8C7A8F #8E7F98 #8D84A1 #8A88AA #8D95B3 #91A5BC #95B9C6

#8C7A8F - #8A88AA - #95B9C6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C7A8F 0%, #8A88AA 50%, #95B9C6 100%);
    background: -webkit-linear-gradient(top, #8C7A8F 0%, #8A88AA 50%, #95B9C6 100%);
    background: linear-gradient(to bottom, #8C7A8F 0%, #8A88AA 50%, #95B9C6 100%);
}
</style>