#A8B8CA - #B5E5D4 | 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 #A8B8CA to #B5E5D4

#A8B8CA #B5E5D4

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

#A8B8CA - #B5E5D4 | 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 #A8B8CA as 0% and #B5E5D4 as 100%.

0.0%	0.0% #A8B8CA	RGB 168 184 202	#A8B8CA
16.7%	16.7% #AABFCB	RGB 170 191 203	#AABFCB
33.3%	33.3% #ACC7CD	RGB 172 199 205	#ACC7CD
50.0%	50.0% #AECECF	RGB 174 206 207	#AECECF
66.7%	66.7% #B0D6D0	RGB 176 214 208	#B0D6D0
83.3%	83.3% #B2DDD2	RGB 178 221 210	#B2DDD2
100.0%	100.0% #B5E5D4	RGB 181 229 212	#B5E5D4

#A8B8CA #AABFCB #ACC7CD #AECECF #B0D6D0 #B2DDD2 #B5E5D4

#A8B8CA - #B5E5D4

HSV Blend

#A8B8CA - #B5E5D4 | 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 #A8B8CA as 0% and #B5E5D4 as 100%.

0.0%	0.0% #A8B8CA	RGB 168 184 202	#A8B8CA
16.7%	16.7% #AAC0CE	RGB 170 192 206	#AAC0CE
33.3%	33.3% #ACC9D3	RGB 172 201 211	#ACC9D3
50.0%	50.0% #AED3D7	RGB 174 211 215	#AED3D7
66.7%	66.7% #B0DCD9	RGB 176 220 217	#B0DCD9
83.3%	83.3% #B2E0D7	RGB 178 224 215	#B2E0D7
100.0%	100.0% #B5E5D4	RGB 181 229 212	#B5E5D4

#A8B8CA #AAC0CE #ACC9D3 #AED3D7 #B0DCD9 #B2E0D7 #B5E5D4

#A8B8CA - #AED3D7 - #B5E5D4

CSS codes

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

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