#6AA3C0 - #D4D6CC | 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 #6AA3C0 to #D4D6CC

#6AA3C0 #D4D6CC

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

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

0.0%	0.0% #6AA3C0	RGB 106 163 192	#6AA3C0
16.7%	16.7% #7BABC2	RGB 123 171 194	#7BABC2
33.3%	33.3% #8DB4C4	RGB 141 180 196	#8DB4C4
50.0%	50.0% #9FBCC6	RGB 159 188 198	#9FBCC6
66.7%	66.7% #B0C5C8	RGB 176 197 200	#B0C5C8
83.3%	83.3% #C2CDCA	RGB 194 205 202	#C2CDCA
100.0%	100.0% #D4D6CC	RGB 212 214 204	#D4D6CC

#6AA3C0 #7BABC2 #8DB4C4 #9FBCC6 #B0C5C8 #C2CDCA #D4D6CC

#6AA3C0 - #D4D6CC

HSV Blend

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

0.0%	0.0% #6AA3C0	RGB 106 163 192	#6AA3C0
16.7%	16.7% #79C3C2	RGB 121 195 194	#79C3C2
33.3%	33.3% #88C7AF	RGB 136 199 175	#88C7AF
50.0%	50.0% #98CBA6	RGB 152 203 166	#98CBA6
66.7%	66.7% #ACCEA9	RGB 172 206 169	#ACCEA9
83.3%	83.3% #C5D2BA	RGB 197 210 186	#C5D2BA
100.0%	100.0% #D4D6CC	RGB 212 214 204	#D4D6CC

#6AA3C0 #79C3C2 #88C7AF #98CBA6 #ACCEA9 #C5D2BA #D4D6CC

#6AA3C0 - #98CBA6 - #D4D6CC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6AA3C0 0%, #98CBA6 50%, #D4D6CC 100%);
    background: -webkit-linear-gradient(top, #6AA3C0 0%, #98CBA6 50%, #D4D6CC 100%);
    background: linear-gradient(to bottom, #6AA3C0 0%, #98CBA6 50%, #D4D6CC 100%);
}
</style>