#ABAFB9 - #EFC7FF | 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 #ABAFB9 to #EFC7FF

#ABAFB9 #EFC7FF

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

#ABAFB9 - #EFC7FF | 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 #ABAFB9 as 0% and #EFC7FF as 100%.

0.0%	0.0% #ABAFB9	RGB 171 175 185	#ABAFB9
16.7%	16.7% #B6B3C4	RGB 182 179 196	#B6B3C4
33.3%	33.3% #C1B7D0	RGB 193 183 208	#C1B7D0
50.0%	50.0% #CDBBDC	RGB 205 187 220	#CDBBDC
66.7%	66.7% #D8BFE7	RGB 216 191 231	#D8BFE7
83.3%	83.3% #E3C3F3	RGB 227 195 243	#E3C3F3
100.0%	100.0% #EFC7FF	RGB 239 199 255	#EFC7FF

#ABAFB9 #B6B3C4 #C1B7D0 #CDBBDC #D8BFE7 #E3C3F3 #EFC7FF

#ABAFB9 - #EFC7FF

HSV Blend

#ABAFB9 - #EFC7FF | 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 #ABAFB9 as 0% and #EFC7FF as 100%.

0.0%	0.0% #ABAFB9	RGB 171 175 185	#ABAFB9
16.7%	16.7% #B1B3C4	RGB 177 179 196	#B1B3C4
33.3%	33.3% #B7B6D0	RGB 183 182 208	#B7B6D0
50.0%	50.0% #C2BBDC	RGB 194 187 220	#C2BBDC
66.7%	66.7% #CFBFE7	RGB 207 191 231	#CFBFE7
83.3%	83.3% #DDC3F3	RGB 221 195 243	#DDC3F3
100.0%	100.0% #EFC7FF	RGB 239 199 255	#EFC7FF

#ABAFB9 #B1B3C4 #B7B6D0 #C2BBDC #CFBFE7 #DDC3F3 #EFC7FF

#ABAFB9 - #C2BBDC - #EFC7FF

CSS codes

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

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