#A2B7D3 - #DDDBD6 | 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 #A2B7D3 to #DDDBD6

#A2B7D3 #DDDBD6

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

#A2B7D3 - #DDDBD6 | 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 #A2B7D3 as 0% and #DDDBD6 as 100%.

0.0%	0.0% #A2B7D3	RGB 162 183 211	#A2B7D3
16.7%	16.7% #ABBDD3	RGB 171 189 211	#ABBDD3
33.3%	33.3% #B5C3D4	RGB 181 195 212	#B5C3D4
50.0%	50.0% #BFC9D4	RGB 191 201 212	#BFC9D4
66.7%	66.7% #C9CFD5	RGB 201 207 213	#C9CFD5
83.3%	83.3% #D3D5D5	RGB 211 213 213	#D3D5D5
100.0%	100.0% #DDDBD6	RGB 221 219 214	#DDDBD6

#A2B7D3 #ABBDD3 #B5C3D4 #BFC9D4 #C9CFD5 #D3D5D5 #DDDBD6

#A2B7D3 - #DDDBD6

HSV Blend

#A2B7D3 - #DDDBD6 | 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 #A2B7D3 as 0% and #DDDBD6 as 100%.

0.0%	0.0% #A2B7D3	RGB 162 183 211	#A2B7D3
16.7%	16.7% #AAD0D4	RGB 170 208 212	#AAD0D4
33.3%	33.3% #B2D6C8	RGB 178 214 200	#B2D6C8
50.0%	50.0% #BBD8BF	RGB 187 216 191	#BBD8BF
66.7%	66.7% #CBD9C4	RGB 203 217 196	#CBD9C4
83.3%	83.3% #D8DBCD	RGB 216 219 205	#D8DBCD
100.0%	100.0% #DDDBD6	RGB 221 219 214	#DDDBD6

#A2B7D3 #AAD0D4 #B2D6C8 #BBD8BF #CBD9C4 #D8DBCD #DDDBD6

#A2B7D3 - #BBD8BF - #DDDBD6

CSS codes

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

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