#5E7791 - #C0B9AF | 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 #5E7791 to #C0B9AF

#5E7791 #C0B9AF

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

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

0.0%	0.0% #5E7791	RGB 94 119 145	#5E7791
16.7%	16.7% #6E8296	RGB 110 130 150	#6E8296
33.3%	33.3% #7E8D9B	RGB 126 141 155	#7E8D9B
50.0%	50.0% #8F98A0	RGB 143 152 160	#8F98A0
66.7%	66.7% #9FA3A5	RGB 159 163 165	#9FA3A5
83.3%	83.3% #AFAEAA	RGB 175 174 170	#AFAEAA
100.0%	100.0% #C0B9AF	RGB 192 185 175	#C0B9AF

#5E7791 #6E8296 #7E8D9B #8F98A0 #9FA3A5 #AFAEAA #C0B9AF

#5E7791 - #C0B9AF

HSV Blend

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

0.0%	0.0% #5E7791	RGB 94 119 145	#5E7791
16.7%	16.7% #699798	RGB 105 151 152	#699798
33.3%	33.3% #76A08C	RGB 118 160 140	#76A08C
50.0%	50.0% #83A885	RGB 131 168 133	#83A885
66.7%	66.7% #9EB091	RGB 158 176 145	#9EB091
83.3%	83.3% #B6B89F	RGB 182 184 159	#B6B89F
100.0%	100.0% #C0B9AF	RGB 192 185 175	#C0B9AF

#5E7791 #699798 #76A08C #83A885 #9EB091 #B6B89F #C0B9AF

#5E7791 - #83A885 - #C0B9AF

CSS codes

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

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