#9E788B - #B5D4C7 | 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 #9E788B to #B5D4C7

#9E788B #B5D4C7

Calculate the color between two colors, #9E788B and #B5D4C7. 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)

#9E788B - #B5D4C7 | 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 #9E788B as 0% and #B5D4C7 as 100%.

0.0%	0.0% #9E788B	RGB 158 120 139	#9E788B
16.7%	16.7% #A18795	RGB 161 135 149	#A18795
33.3%	33.3% #A5969F	RGB 165 150 159	#A5969F
50.0%	50.0% #A9A6A9	RGB 169 166 169	#A9A6A9
66.7%	66.7% #ADB5B3	RGB 173 181 179	#ADB5B3
83.3%	83.3% #B1C4BD	RGB 177 196 189	#B1C4BD
100.0%	100.0% #B5D4C7	RGB 181 212 199	#B5D4C7

#9E788B #A18795 #A5969F #A9A6A9 #ADB5B3 #B1C4BD #B5D4C7

#9E788B - #B5D4C7

HSV Blend

#9E788B - #B5D4C7 | 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 #9E788B as 0% and #B5D4C7 as 100%.

0.0%	0.0% #9E788B	RGB 158 120 139	#9E788B
16.7%	16.7% #A781A6	RGB 167 129 166	#A781A6
33.3%	33.3% #9E8BB0	RGB 158 139 176	#9E8BB0
50.0%	50.0% #9695B9	RGB 150 149 185	#9695B9
66.7%	66.7% #9FAEC2	RGB 159 174 194	#9FAEC2
83.3%	83.3% #AAC8CB	RGB 170 200 203	#AAC8CB
100.0%	100.0% #B5D4C7	RGB 181 212 199	#B5D4C7

#9E788B #A781A6 #9E8BB0 #9695B9 #9FAEC2 #AAC8CB #B5D4C7

#9E788B - #9695B9 - #B5D4C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9E788B 0%, #9695B9 50%, #B5D4C7 100%);
    background: -webkit-linear-gradient(top, #9E788B 0%, #9695B9 50%, #B5D4C7 100%);
    background: linear-gradient(to bottom, #9E788B 0%, #9695B9 50%, #B5D4C7 100%);
}
</style>