#A8C2B4 - #DFBFFF | 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 #A8C2B4 to #DFBFFF

#A8C2B4 #DFBFFF

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

#A8C2B4 - #DFBFFF | 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 #A8C2B4 as 0% and #DFBFFF as 100%.

0.0%	0.0% #A8C2B4	RGB 168 194 180	#A8C2B4
16.7%	16.7% #B1C1C0	RGB 177 193 192	#B1C1C0
33.3%	33.3% #BAC1CD	RGB 186 193 205	#BAC1CD
50.0%	50.0% #C3C0D9	RGB 195 192 217	#C3C0D9
66.7%	66.7% #CCC0E6	RGB 204 192 230	#CCC0E6
83.3%	83.3% #D5BFF2	RGB 213 191 242	#D5BFF2
100.0%	100.0% #DFBFFF	RGB 223 191 255	#DFBFFF

#A8C2B4 #B1C1C0 #BAC1CD #C3C0D9 #CCC0E6 #D5BFF2 #DFBFFF

#A8C2B4 - #DFBFFF

HSV Blend

#A8C2B4 - #DFBFFF | 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 #A8C2B4 as 0% and #DFBFFF as 100%.

0.0%	0.0% #A8C2B4	RGB 168 194 180	#A8C2B4
16.7%	16.7% #ACCCC5	RGB 172 204 197	#ACCCC5
33.3%	33.3% #B1D1D6	RGB 177 209 214	#B1D1D6
50.0%	50.0% #B5CBE0	RGB 181 203 224	#B5CBE0
66.7%	66.7% #B8C1EA	RGB 184 193 234	#B8C1EA
83.3%	83.3% #C5BCF4	RGB 197 188 244	#C5BCF4
100.0%	100.0% #DFBFFF	RGB 223 191 255	#DFBFFF

#A8C2B4 #ACCCC5 #B1D1D6 #B5CBE0 #B8C1EA #C5BCF4 #DFBFFF

#A8C2B4 - #B5CBE0 - #DFBFFF

CSS codes

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

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