#274B5E - #879694 | 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 #274B5E to #879694

#274B5E #879694

Calculate the color between two colors, #274B5E and #879694. 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)

#274B5E - #879694 | 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 #274B5E as 0% and #879694 as 100%.

0.0%	0.0% #274B5E	RGB 39 75 94	#274B5E
16.7%	16.7% #375767	RGB 55 87 103	#375767
33.3%	33.3% #476470	RGB 71 100 112	#476470
50.0%	50.0% #577079	RGB 87 112 121	#577079
66.7%	66.7% #677D82	RGB 103 125 130	#677D82
83.3%	83.3% #77898B	RGB 119 137 139	#77898B
100.0%	100.0% #879694	RGB 135 150 148	#879694

#274B5E #375767 #476470 #577079 #677D82 #77898B #879694

#274B5E - #879694

HSV Blend

#274B5E - #879694 | 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 #274B5E as 0% and #879694 as 100%.

0.0%	0.0% #274B5E	RGB 39 75 94	#274B5E
16.7%	16.7% #335967	RGB 51 89 103	#335967
33.3%	33.3% #406770	RGB 64 103 112	#406770
50.0%	50.0% #50757A	RGB 80 117 122	#50757A
66.7%	66.7% #608283	RGB 96 130 131	#608283
83.3%	83.3% #738C8B	RGB 115 140 139	#738C8B
100.0%	100.0% #879694	RGB 135 150 148	#879694

#274B5E #335967 #406770 #50757A #608283 #738C8B #879694

#274B5E - #50757A - #879694

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #274B5E 0%, #50757A 50%, #879694 100%);
    background: -webkit-linear-gradient(top, #274B5E 0%, #50757A 50%, #879694 100%);
    background: linear-gradient(to bottom, #274B5E 0%, #50757A 50%, #879694 100%);
}
</style>