#78889B - #D1C3B2 | 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 #78889B to #D1C3B2

#78889B #D1C3B2

Calculate the color between two colors, #78889B and #D1C3B2. 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)

#78889B - #D1C3B2 | 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 #78889B as 0% and #D1C3B2 as 100%.

0.0%	0.0% #78889B	RGB 120 136 155	#78889B
16.7%	16.7% #86919E	RGB 134 145 158	#86919E
33.3%	33.3% #959BA2	RGB 149 155 162	#959BA2
50.0%	50.0% #A4A5A6	RGB 164 165 166	#A4A5A6
66.7%	66.7% #B3AFAA	RGB 179 175 170	#B3AFAA
83.3%	83.3% #C2B9AE	RGB 194 185 174	#C2B9AE
100.0%	100.0% #D1C3B2	RGB 209 195 178	#D1C3B2

#78889B #86919E #959BA2 #A4A5A6 #B3AFAA #C2B9AE #D1C3B2

#78889B - #D1C3B2

HSV Blend

#78889B - #D1C3B2 | 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 #78889B as 0% and #D1C3B2 as 100%.

0.0%	0.0% #78889B	RGB 120 136 155	#78889B
16.7%	16.7% #81A2A4	RGB 129 162 164	#81A2A4
33.3%	33.3% #8AAD9D	RGB 138 173 157	#8AAD9D
50.0%	50.0% #93B695	RGB 147 182 149	#93B695
66.7%	66.7% #ACBF9D	RGB 172 191 157	#ACBF9D
83.3%	83.3% #C6C8A7	RGB 198 200 167	#C6C8A7
100.0%	100.0% #D1C3B2	RGB 209 195 178	#D1C3B2

#78889B #81A2A4 #8AAD9D #93B695 #ACBF9D #C6C8A7 #D1C3B2

#78889B - #93B695 - #D1C3B2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #78889B 0%, #93B695 50%, #D1C3B2 100%);
    background: -webkit-linear-gradient(top, #78889B 0%, #93B695 50%, #D1C3B2 100%);
    background: linear-gradient(to bottom, #78889B 0%, #93B695 50%, #D1C3B2 100%);
}
</style>