#5E7592 - #BEB7AF | 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 #5E7592 to #BEB7AF

#5E7592 #BEB7AF

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

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

0.0%	0.0% #5E7592	RGB 94 117 146	#5E7592
16.7%	16.7% #6E8096	RGB 110 128 150	#6E8096
33.3%	33.3% #7E8B9B	RGB 126 139 155	#7E8B9B
50.0%	50.0% #8E96A0	RGB 142 150 160	#8E96A0
66.7%	66.7% #9EA1A5	RGB 158 161 165	#9EA1A5
83.3%	83.3% #AEACAA	RGB 174 172 170	#AEACAA
100.0%	100.0% #BEB7AF	RGB 190 183 175	#BEB7AF

#5E7592 #6E8096 #7E8B9B #8E96A0 #9EA1A5 #AEACAA #BEB7AF

#5E7592 - #BEB7AF

HSV Blend

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

0.0%	0.0% #5E7592	RGB 94 117 146	#5E7592
16.7%	16.7% #6C6999	RGB 108 105 153	#6C6999
33.3%	33.3% #8D76A0	RGB 141 118 160	#8D76A0
50.0%	50.0% #A883A6	RGB 168 131 166	#A883A6
66.7%	66.7% #AF919F	RGB 175 145 159	#AF919F
83.3%	83.3% #B6A09F	RGB 182 160 159	#B6A09F
100.0%	100.0% #BEB7AF	RGB 190 183 175	#BEB7AF

#5E7592 #6C6999 #8D76A0 #A883A6 #AF919F #B6A09F #BEB7AF

#5E7592 - #A883A6 - #BEB7AF

CSS codes

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

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