#6A8BAF - #D4DDE8 | 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 #6A8BAF to #D4DDE8

#6A8BAF #D4DDE8

Calculate the color between two colors, #6A8BAF and #D4DDE8. 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)

#6A8BAF - #D4DDE8 | 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 #6A8BAF as 0% and #D4DDE8 as 100%.

0.0%	0.0% #6A8BAF	RGB 106 139 175	#6A8BAF
16.7%	16.7% #7B98B8	RGB 123 152 184	#7B98B8
33.3%	33.3% #8DA6C2	RGB 141 166 194	#8DA6C2
50.0%	50.0% #9FB4CB	RGB 159 180 203	#9FB4CB
66.7%	66.7% #B0C1D5	RGB 176 193 213	#B0C1D5
83.3%	83.3% #C2CFDE	RGB 194 207 222	#C2CFDE
100.0%	100.0% #D4DDE8	RGB 212 221 232	#D4DDE8

#6A8BAF #7B98B8 #8DA6C2 #9FB4CB #B0C1D5 #C2CFDE #D4DDE8

#6A8BAF - #D4DDE8

HSV Blend

#6A8BAF - #D4DDE8 | 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 #6A8BAF as 0% and #D4DDE8 as 100%.

0.0%	0.0% #6A8BAF	RGB 106 139 175	#6A8BAF
16.7%	16.7% #7997B8	RGB 121 151 184	#7997B8
33.3%	33.3% #89A3C2	RGB 137 163 194	#89A3C2
50.0%	50.0% #9AB1CB	RGB 154 177 203	#9AB1CB
66.7%	66.7% #ACBFD5	RGB 172 191 213	#ACBFD5
83.3%	83.3% #BFCDDE	RGB 191 205 222	#BFCDDE
100.0%	100.0% #D4DDE8	RGB 212 221 232	#D4DDE8

#6A8BAF #7997B8 #89A3C2 #9AB1CB #ACBFD5 #BFCDDE #D4DDE8

#6A8BAF - #9AB1CB - #D4DDE8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6A8BAF 0%, #9AB1CB 50%, #D4DDE8 100%);
    background: -webkit-linear-gradient(top, #6A8BAF 0%, #9AB1CB 50%, #D4DDE8 100%);
    background: linear-gradient(to bottom, #6A8BAF 0%, #9AB1CB 50%, #D4DDE8 100%);
}
</style>