#78839C - #D8DBE2 | 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 #78839C to #D8DBE2

#78839C #D8DBE2

Calculate the color between two colors, #78839C and #D8DBE2. 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)

#78839C - #D8DBE2 | 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 #78839C as 0% and #D8DBE2 as 100%.

0.0%	0.0% #78839C	RGB 120 131 156	#78839C
16.7%	16.7% #8891A7	RGB 136 145 167	#8891A7
33.3%	33.3% #98A0B3	RGB 152 160 179	#98A0B3
50.0%	50.0% #A8AFBF	RGB 168 175 191	#A8AFBF
66.7%	66.7% #B8BDCA	RGB 184 189 202	#B8BDCA
83.3%	83.3% #C8CCD6	RGB 200 204 214	#C8CCD6
100.0%	100.0% #D8DBE2	RGB 216 219 226	#D8DBE2

#78839C #8891A7 #98A0B3 #A8AFBF #B8BDCA #C8CCD6 #D8DBE2

#78839C - #D8DBE2

HSV Blend

#78839C - #D8DBE2 | 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 #78839C as 0% and #D8DBE2 as 100%.

0.0%	0.0% #78839C	RGB 120 131 156	#78839C
16.7%	16.7% #8690A7	RGB 134 144 167	#8690A7
33.3%	33.3% #959EB3	RGB 149 158 179	#959EB3
50.0%	50.0% #A4ACBF	RGB 164 172 191	#A4ACBF
66.7%	66.7% #B5BBCA	RGB 181 187 202	#B5BBCA
83.3%	83.3% #C6CBD6	RGB 198 203 214	#C6CBD6
100.0%	100.0% #D8DBE2	RGB 216 219 226	#D8DBE2

#78839C #8690A7 #959EB3 #A4ACBF #B5BBCA #C6CBD6 #D8DBE2

#78839C - #A4ACBF - #D8DBE2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #78839C 0%, #A4ACBF 50%, #D8DBE2 100%);
    background: -webkit-linear-gradient(top, #78839C 0%, #A4ACBF 50%, #D8DBE2 100%);
    background: linear-gradient(to bottom, #78839C 0%, #A4ACBF 50%, #D8DBE2 100%);
}
</style>