#A8C3BD - #DCD9FF | 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 #A8C3BD to #DCD9FF

#A8C3BD #DCD9FF

Calculate the color between two colors, #A8C3BD and #DCD9FF. 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)

#A8C3BD - #DCD9FF | 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 #A8C3BD as 0% and #DCD9FF as 100%.

0.0%	0.0% #A8C3BD	RGB 168 195 189	#A8C3BD
16.7%	16.7% #B0C6C8	RGB 176 198 200	#B0C6C8
33.3%	33.3% #B9CAD3	RGB 185 202 211	#B9CAD3
50.0%	50.0% #C2CEDE	RGB 194 206 222	#C2CEDE
66.7%	66.7% #CAD1E9	RGB 202 209 233	#CAD1E9
83.3%	83.3% #D3D5F4	RGB 211 213 244	#D3D5F4
100.0%	100.0% #DCD9FF	RGB 220 217 255	#DCD9FF

#A8C3BD #B0C6C8 #B9CAD3 #C2CEDE #CAD1E9 #D3D5F4 #DCD9FF

#A8C3BD - #DCD9FF

HSV Blend

#A8C3BD - #DCD9FF | 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 #A8C3BD as 0% and #DCD9FF as 100%.

0.0%	0.0% #A8C3BD	RGB 168 195 189	#A8C3BD
16.7%	16.7% #B0CDCC	RGB 176 205 204	#B0CDCC
33.3%	33.3% #B8D0D7	RGB 184 208 215	#B8D0D7
50.0%	50.0% #C0D3E1	RGB 192 211 225	#C0D3E1
66.7%	66.7% #C8D4EB	RGB 200 212 235	#C8D4EB
83.3%	83.3% #D0D5F5	RGB 208 213 245	#D0D5F5
100.0%	100.0% #DCD9FF	RGB 220 217 255	#DCD9FF

#A8C3BD #B0CDCC #B8D0D7 #C0D3E1 #C8D4EB #D0D5F5 #DCD9FF

#A8C3BD - #C0D3E1 - #DCD9FF

CSS codes

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

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