#978BCC - #B9DFD0 | 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 #978BCC to #B9DFD0

#978BCC #B9DFD0

Calculate the color between two colors, #978BCC and #B9DFD0. 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)

#978BCC - #B9DFD0 | 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 #978BCC as 0% and #B9DFD0 as 100%.

0.0%	0.0% #978BCC	RGB 151 139 204	#978BCC
16.7%	16.7% #9C99CC	RGB 156 153 204	#9C99CC
33.3%	33.3% #A2A7CD	RGB 162 167 205	#A2A7CD
50.0%	50.0% #A8B5CE	RGB 168 181 206	#A8B5CE
66.7%	66.7% #ADC3CE	RGB 173 195 206	#ADC3CE
83.3%	83.3% #B3D1CF	RGB 179 209 207	#B3D1CF
100.0%	100.0% #B9DFD0	RGB 185 223 208	#B9DFD0

#978BCC #9C99CC #A2A7CD #A8B5CE #ADC3CE #B3D1CF #B9DFD0

#978BCC - #B9DFD0

HSV Blend

#978BCC - #B9DFD0 | 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 #978BCC as 0% and #B9DFD0 as 100%.

0.0%	0.0% #978BCC	RGB 151 139 204	#978BCC
16.7%	16.7% #9297CF	RGB 146 151 207	#9297CF
33.3%	33.3% #99ADD2	RGB 153 173 210	#99ADD2
50.0%	50.0% #A1C0D5	RGB 161 192 213	#A1C0D5
66.7%	66.7% #A9D2D8	RGB 169 210 216	#A9D2D8
83.3%	83.3% #B0DBD6	RGB 176 219 214	#B0DBD6
100.0%	100.0% #B9DFD0	RGB 185 223 208	#B9DFD0

#978BCC #9297CF #99ADD2 #A1C0D5 #A9D2D8 #B0DBD6 #B9DFD0

#978BCC - #A1C0D5 - #B9DFD0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #978BCC 0%, #A1C0D5 50%, #B9DFD0 100%);
    background: -webkit-linear-gradient(top, #978BCC 0%, #A1C0D5 50%, #B9DFD0 100%);
    background: linear-gradient(to bottom, #978BCC 0%, #A1C0D5 50%, #B9DFD0 100%);
}
</style>