#6D9C8C - #E0ABFC | 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 #6D9C8C to #E0ABFC

#6D9C8C #E0ABFC

Calculate the color between two colors, #6D9C8C and #E0ABFC. 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)

#6D9C8C - #E0ABFC | 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 #6D9C8C as 0% and #E0ABFC as 100%.

0.0%	0.0% #6D9C8C	RGB 109 156 140	#6D9C8C
16.7%	16.7% #809E9E	RGB 128 158 158	#809E9E
33.3%	33.3% #93A1B1	RGB 147 161 177	#93A1B1
50.0%	50.0% #A6A3C4	RGB 166 163 196	#A6A3C4
66.7%	66.7% #B9A6D6	RGB 185 166 214	#B9A6D6
83.3%	83.3% #CCA8E9	RGB 204 168 233	#CCA8E9
100.0%	100.0% #E0ABFC	RGB 224 171 252	#E0ABFC

#6D9C8C #809E9E #93A1B1 #A6A3C4 #B9A6D6 #CCA8E9 #E0ABFC

#6D9C8C - #E0ABFC

HSV Blend

#6D9C8C - #E0ABFC | 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 #6D9C8C as 0% and #E0ABFC as 100%.

0.0%	0.0% #6D9C8C	RGB 109 156 140	#6D9C8C
16.7%	16.7% #77ACAB	RGB 119 172 171	#77ACAB
33.3%	33.3% #82A9BC	RGB 130 169 188	#82A9BC
50.0%	50.0% #8CA2CC	RGB 140 162 204	#8CA2CC
66.7%	66.7% #9697DC	RGB 150 151 220	#9697DC
83.3%	83.3% #B9A0EC	RGB 185 160 236	#B9A0EC
100.0%	100.0% #E0ABFC	RGB 224 171 252	#E0ABFC

#6D9C8C #77ACAB #82A9BC #8CA2CC #9697DC #B9A0EC #E0ABFC

#6D9C8C - #8CA2CC - #E0ABFC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D9C8C 0%, #8CA2CC 50%, #E0ABFC 100%);
    background: -webkit-linear-gradient(top, #6D9C8C 0%, #8CA2CC 50%, #E0ABFC 100%);
    background: linear-gradient(to bottom, #6D9C8C 0%, #8CA2CC 50%, #E0ABFC 100%);
}
</style>