#ACC3E5 - #CAE3D0 | 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 #ACC3E5 to #CAE3D0

#ACC3E5 #CAE3D0

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

#ACC3E5 - #CAE3D0 | 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 #ACC3E5 as 0% and #CAE3D0 as 100%.

0.0%	0.0% #ACC3E5	RGB 172 195 229	#ACC3E5
16.7%	16.7% #B1C8E1	RGB 177 200 225	#B1C8E1
33.3%	33.3% #B6CDDE	RGB 182 205 222	#B6CDDE
50.0%	50.0% #BBD3DA	RGB 187 211 218	#BBD3DA
66.7%	66.7% #C0D8D7	RGB 192 216 215	#C0D8D7
83.3%	83.3% #C5DDD3	RGB 197 221 211	#C5DDD3
100.0%	100.0% #CAE3D0	RGB 202 227 208	#CAE3D0

#ACC3E5 #B1C8E1 #B6CDDE #BBD3DA #C0D8D7 #C5DDD3 #CAE3D0

#ACC3E5 - #CAE3D0

HSV Blend

#ACC3E5 - #CAE3D0 | 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 #ACC3E5 as 0% and #CAE3D0 as 100%.

0.0%	0.0% #ACC3E5	RGB 172 195 229	#ACC3E5
16.7%	16.7% #B1D1E4	RGB 177 209 228	#B1D1E4
33.3%	33.3% #B6DDE4	RGB 182 221 228	#B6DDE4
50.0%	50.0% #BBE4E0	RGB 187 228 224	#BBE4E0
66.7%	66.7% #C0E3D8	RGB 192 227 216	#C0E3D8
83.3%	83.3% #C5E3D3	RGB 197 227 211	#C5E3D3
100.0%	100.0% #CAE3D0	RGB 202 227 208	#CAE3D0

#ACC3E5 #B1D1E4 #B6DDE4 #BBE4E0 #C0E3D8 #C5E3D3 #CAE3D0

#ACC3E5 - #BBE4E0 - #CAE3D0

CSS codes

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

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