#374772 - #888E9F | 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 #374772 to #888E9F

#374772 #888E9F

Calculate the color between two colors, #374772 and #888E9F. 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)

#374772 - #888E9F | 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 #374772 as 0% and #888E9F as 100%.

0.0%	0.0% #374772	RGB 55 71 114	#374772
16.7%	16.7% #445279	RGB 68 82 121	#445279
33.3%	33.3% #525E81	RGB 82 94 129	#525E81
50.0%	50.0% #5F6A88	RGB 95 106 136	#5F6A88
66.7%	66.7% #6D7690	RGB 109 118 144	#6D7690
83.3%	83.3% #7A8297	RGB 122 130 151	#7A8297
100.0%	100.0% #888E9F	RGB 136 142 159	#888E9F

#374772 #445279 #525E81 #5F6A88 #6D7690 #7A8297 #888E9F

#374772 - #888E9F

HSV Blend

#374772 - #888E9F | 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 #374772 as 0% and #888E9F as 100%.

0.0%	0.0% #374672	RGB 55 70 114	#374672
16.7%	16.7% #425179	RGB 66 81 121	#425179
33.3%	33.3% #4E5B81	RGB 78 91 129	#4E5B81
50.0%	50.0% #5B6788	RGB 91 103 136	#5B6788
66.7%	66.7% #697390	RGB 105 115 144	#697390
83.3%	83.3% #788097	RGB 120 128 151	#788097
100.0%	100.0% #888E9F	RGB 136 142 159	#888E9F

#374672 #425179 #4E5B81 #5B6788 #697390 #788097 #888E9F

#374772 - #5B6788 - #888E9F

CSS codes

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

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