#D4DAE5 - #6987B8 | 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 #D4DAE5 to #6987B8

#D4DAE5 #6987B8

Calculate the color between two colors, #D4DAE5 and #6987B8. 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)

#D4DAE5 - #6987B8 | 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 #D4DAE5 as 0% and #6987B8 as 100%.

0.0%	0.0% #D4DAE5	RGB 212 218 229	#D4DAE5
16.7%	16.7% #C2CCDD	RGB 194 204 221	#C2CCDD
33.3%	33.3% #B0BED6	RGB 176 190 214	#B0BED6
50.0%	50.0% #9EB0CE	RGB 158 176 206	#9EB0CE
66.7%	66.7% #8CA2C7	RGB 140 162 199	#8CA2C7
83.3%	83.3% #7A94BF	RGB 122 148 191	#7A94BF
100.0%	100.0% #6987B8	RGB 105 135 184	#6987B8

#D4DAE5 #C2CCDD #B0BED6 #9EB0CE #8CA2C7 #7A94BF #6987B8

#D4DAE5 - #6987B8

HSV Blend

#D4DAE5 - #6987B8 | 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 #D4DAE5 as 0% and #6987B8 as 100%.

0.0%	0.0% #D4DAE5	RGB 212 218 229	#D4DAE5
16.7%	16.7% #BFCADD	RGB 191 202 221	#BFCADD
33.3%	33.3% #ACBBD6	RGB 172 187 214	#ACBBD6
50.0%	50.0% #9AADCE	RGB 154 173 206	#9AADCE
66.7%	66.7% #89A0C7	RGB 137 160 199	#89A0C7
83.3%	83.3% #7893BF	RGB 120 147 191	#7893BF
100.0%	100.0% #6987B8	RGB 105 135 184	#6987B8

#D4DAE5 #BFCADD #ACBBD6 #9AADCE #89A0C7 #7893BF #6987B8

#D4DAE5 - #9AADCE - #6987B8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D4DAE5 0%, #9AADCE 50%, #6987B8 100%);
    background: -webkit-linear-gradient(top, #D4DAE5 0%, #9AADCE 50%, #6987B8 100%);
    background: linear-gradient(to bottom, #D4DAE5 0%, #9AADCE 50%, #6987B8 100%);
}
</style>