#5E5D76 - #F3A98E | 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 #5E5D76 to #F3A98E

#5E5D76 #F3A98E

Calculate the color between two colors, #5E5D76 and #F3A98E. 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)

#5E5D76 - #F3A98E | 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 #5E5D76 as 0% and #F3A98E as 100%.

0.0%	0.0% #5E5D76	RGB 94 93 118	#5E5D76
16.7%	16.7% #76697A	RGB 118 105 122	#76697A
33.3%	33.3% #8F767E	RGB 143 118 126	#8F767E
50.0%	50.0% #A88382	RGB 168 131 130	#A88382
66.7%	66.7% #C18F86	RGB 193 143 134	#C18F86
83.3%	83.3% #DA9C8A	RGB 218 156 138	#DA9C8A
100.0%	100.0% #F3A98E	RGB 243 169 142	#F3A98E

#5E5D76 #76697A #8F767E #A88382 #C18F86 #DA9C8A #F3A98E

#5E5D76 - #F3A98E

HSV Blend

#5E5D76 - #F3A98E | 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 #5E5D76 as 0% and #F3A98E as 100%.

0.0%	0.0% #5E5D76	RGB 94 93 118	#5E5D76
16.7%	16.7% #76688A	RGB 118 104 138	#76688A
33.3%	33.3% #95729F	RGB 149 114 159	#95729F
50.0%	50.0% #B47BAB	RGB 180 123 171	#B47BAB
66.7%	66.7% #C983A4	RGB 201 131 164	#C983A4
83.3%	83.3% #DE8992	RGB 222 137 146	#DE8992
100.0%	100.0% #F3A98E	RGB 243 169 142	#F3A98E

#5E5D76 #76688A #95729F #B47BAB #C983A4 #DE8992 #F3A98E

#5E5D76 - #B47BAB - #F3A98E

CSS codes

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

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