#8994B8 - #C0ABFE | 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 #8994B8 to #C0ABFE

#8994B8 #C0ABFE

Calculate the color between two colors, #8994B8 and #C0ABFE. 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)

#8994B8 - #C0ABFE | 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 #8994B8 as 0% and #C0ABFE as 100%.

0.0%	0.0% #8994B8	RGB 137 148 184	#8994B8
16.7%	16.7% #9297C3	RGB 146 151 195	#9297C3
33.3%	33.3% #9B9BCF	RGB 155 155 207	#9B9BCF
50.0%	50.0% #A49FDB	RGB 164 159 219	#A49FDB
66.7%	66.7% #ADA3E6	RGB 173 163 230	#ADA3E6
83.3%	83.3% #B6A7F2	RGB 182 167 242	#B6A7F2
100.0%	100.0% #C0ABFE	RGB 192 171 254	#C0ABFE

#8994B8 #9297C3 #9B9BCF #A49FDB #ADA3E6 #B6A7F2 #C0ABFE

#8994B8 - #C0ABFE

HSV Blend

#8994B8 - #C0ABFE | 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 #8994B8 as 0% and #C0ABFE as 100%.

0.0%	0.0% #8994B8	RGB 137 148 184	#8994B8
16.7%	16.7% #8F97C3	RGB 143 151 195	#8F97C3
33.3%	33.3% #9599CF	RGB 149 153 207	#9599CF
50.0%	50.0% #9B9BDB	RGB 155 155 219	#9B9BDB
66.7%	66.7% #A7A0E6	RGB 167 160 230	#A7A0E6
83.3%	83.3% #B3A6F2	RGB 179 166 242	#B3A6F2
100.0%	100.0% #C0ABFE	RGB 192 171 254	#C0ABFE

#8994B8 #8F97C3 #9599CF #9B9BDB #A7A0E6 #B3A6F2 #C0ABFE

#8994B8 - #9B9BDB - #C0ABFE

CSS codes

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

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