#D2D9F6 - #738FC6 | 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 #D2D9F6 to #738FC6

#D2D9F6 #738FC6

Calculate the color between two colors, #D2D9F6 and #738FC6. 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)

#D2D9F6 - #738FC6 | 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 #D2D9F6 as 0% and #738FC6 as 100%.

0.0%	0.0% #D2D9F6	RGB 210 217 246	#D2D9F6
16.7%	16.7% #C2CCEE	RGB 194 204 238	#C2CCEE
33.3%	33.3% #B2C0E6	RGB 178 192 230	#B2C0E6
50.0%	50.0% #A2B4DE	RGB 162 180 222	#A2B4DE
66.7%	66.7% #92A7D6	RGB 146 167 214	#92A7D6
83.3%	83.3% #829BCE	RGB 130 155 206	#829BCE
100.0%	100.0% #738FC6	RGB 115 143 198	#738FC6

#D2D9F6 #C2CCEE #B2C0E6 #A2B4DE #92A7D6 #829BCE #738FC6

#D2D9F6 - #738FC6

HSV Blend

#D2D9F6 - #738FC6 | 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 #D2D9F6 as 0% and #738FC6 as 100%.

0.0%	0.0% #D2D9F6	RGB 210 217 246	#D2D9F6
16.7%	16.7% #C0CAEE	RGB 192 202 238	#C0CAEE
33.3%	33.3% #AFBCE6	RGB 175 188 230	#AFBCE6
50.0%	50.0% #9FAFDE	RGB 159 175 222	#9FAFDE
66.7%	66.7% #8FA4D6	RGB 143 164 214	#8FA4D6
83.3%	83.3% #8199CE	RGB 129 153 206	#8199CE
100.0%	100.0% #738FC6	RGB 115 143 198	#738FC6

#D2D9F6 #C0CAEE #AFBCE6 #9FAFDE #8FA4D6 #8199CE #738FC6

#D2D9F6 - #9FAFDE - #738FC6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D2D9F6 0%, #9FAFDE 50%, #738FC6 100%);
    background: -webkit-linear-gradient(top, #D2D9F6 0%, #9FAFDE 50%, #738FC6 100%);
    background: linear-gradient(to bottom, #D2D9F6 0%, #9FAFDE 50%, #738FC6 100%);
}
</style>