#A8B0C2 - #B8DEC4 | 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 #A8B0C2 to #B8DEC4

#A8B0C2 #B8DEC4

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

#A8B0C2 - #B8DEC4 | 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 #A8B0C2 as 0% and #B8DEC4 as 100%.

0.0%	0.0% #A8B0C2	RGB 168 176 194	#A8B0C2
16.7%	16.7% #AAB7C2	RGB 170 183 194	#AAB7C2
33.3%	33.3% #ADBFC2	RGB 173 191 194	#ADBFC2
50.0%	50.0% #B0C7C3	RGB 176 199 195	#B0C7C3
66.7%	66.7% #B2CEC3	RGB 178 206 195	#B2CEC3
83.3%	83.3% #B5D6C3	RGB 181 214 195	#B5D6C3
100.0%	100.0% #B8DEC4	RGB 184 222 196	#B8DEC4

#A8B0C2 #AAB7C2 #ADBFC2 #B0C7C3 #B2CEC3 #B5D6C3 #B8DEC4

#A8B0C2 - #B8DEC4

HSV Blend

#A8B0C2 - #B8DEC4 | 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 #A8B0C2 as 0% and #B8DEC4 as 100%.

0.0%	0.0% #A8B0C2	RGB 168 176 194	#A8B0C2
16.7%	16.7% #AAB9C6	RGB 170 185 198	#AAB9C6
33.3%	33.3% #ADC4CB	RGB 173 196 203	#ADC4CB
50.0%	50.0% #B0CFD0	RGB 176 207 208	#B0CFD0
66.7%	66.7% #B2D4CD	RGB 178 212 205	#B2D4CD
83.3%	83.3% #B5D9C9	RGB 181 217 201	#B5D9C9
100.0%	100.0% #B8DEC4	RGB 184 222 196	#B8DEC4

#A8B0C2 #AAB9C6 #ADC4CB #B0CFD0 #B2D4CD #B5D9C9 #B8DEC4

#A8B0C2 - #B0CFD0 - #B8DEC4

CSS codes

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

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