#9BABAA - #FEACFF | 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 #9BABAA to #FEACFF

#9BABAA #FEACFF

Calculate the color between two colors, #9BABAA and #FEACFF. 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)

#9BABAA - #FEACFF | 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 #9BABAA as 0% and #FEACFF as 100%.

0.0%	0.0% #9BABAA	RGB 155 171 170	#9BABAA
16.7%	16.7% #ABABB8	RGB 171 171 184	#ABABB8
33.3%	33.3% #BCABC6	RGB 188 171 198	#BCABC6
50.0%	50.0% #CCABD4	RGB 204 171 212	#CCABD4
66.7%	66.7% #DDABE2	RGB 221 171 226	#DDABE2
83.3%	83.3% #EDABF0	RGB 237 171 240	#EDABF0
100.0%	100.0% #FEACFF	RGB 254 172 255	#FEACFF

#9BABAA #ABABB8 #BCABC6 #CCABD4 #DDABE2 #EDABF0 #FEACFF

#9BABAA - #FEACFF

HSV Blend

#9BABAA - #FEACFF | 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 #9BABAA as 0% and #FEACFF as 100%.

0.0%	0.0% #9BABAA	RGB 155 171 170	#9BABAA
16.7%	16.7% #A0B2B9	RGB 160 178 185	#A0B2B9
33.3%	33.3% #A4B1C7	RGB 164 177 199	#A4B1C7
50.0%	50.0% #A8AAD5	RGB 168 170 213	#A8AAD5
66.7%	66.7% #BBAAE3	RGB 187 170 227	#BBAAE3
83.3%	83.3% #D8ABF1	RGB 216 171 241	#D8ABF1
100.0%	100.0% #FEACFF	RGB 254 172 255	#FEACFF

#9BABAA #A0B2B9 #A4B1C7 #A8AAD5 #BBAAE3 #D8ABF1 #FEACFF

#9BABAA - #A8AAD5 - #FEACFF

CSS codes

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

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