#8EB6AF - #F3B8FF | 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 #8EB6AF to #F3B8FF

#8EB6AF #F3B8FF

Calculate the color between two colors, #8EB6AF and #F3B8FF. 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)

#8EB6AF - #F3B8FF | 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 #8EB6AF as 0% and #F3B8FF as 100%.

0.0%	0.0% #8EB6AF	RGB 142 182 175	#8EB6AF
16.7%	16.7% #9EB6BC	RGB 158 182 188	#9EB6BC
33.3%	33.3% #AFB6C9	RGB 175 182 201	#AFB6C9
50.0%	50.0% #C0B7D7	RGB 192 183 215	#C0B7D7
66.7%	66.7% #D1B7E4	RGB 209 183 228	#D1B7E4
83.3%	83.3% #E2B7F1	RGB 226 183 241	#E2B7F1
100.0%	100.0% #F3B8FF	RGB 243 184 255	#F3B8FF

#8EB6AF #9EB6BC #AFB6C9 #C0B7D7 #D1B7E4 #E2B7F1 #F3B8FF

#8EB6AF - #F3B8FF

HSV Blend

#8EB6AF - #F3B8FF | 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 #8EB6AF as 0% and #F3B8FF as 100%.

0.0%	0.0% #8EB6AF	RGB 142 182 175	#8EB6AF
16.7%	16.7% #95BBC2	RGB 149 187 194	#95BBC2
33.3%	33.3% #9CB5CE	RGB 156 181 206	#9CB5CE
50.0%	50.0% #A4ADDA	RGB 164 173 218	#A4ADDA
66.7%	66.7% #B4AAE6	RGB 180 170 230	#B4AAE6
83.3%	83.3% #D1B1F2	RGB 209 177 242	#D1B1F2
100.0%	100.0% #F3B8FF	RGB 243 184 255	#F3B8FF

#8EB6AF #95BBC2 #9CB5CE #A4ADDA #B4AAE6 #D1B1F2 #F3B8FF

#8EB6AF - #A4ADDA - #F3B8FF

CSS codes

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

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