#4C92A8 - #152930 | 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 #4C92A8 to #152930

#4C92A8 #152930

Calculate the color between two colors, #4C92A8 and #152930. 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)

#4C92A8 - #152930 | 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 #4C92A8 as 0% and #152930 as 100%.

0.0%	0.0% #4C92A8	RGB 76 146 168	#4C92A8
16.7%	16.7% #428094	RGB 66 128 148	#428094
33.3%	33.3% #396F80	RGB 57 111 128	#396F80
50.0%	50.0% #305D6C	RGB 48 93 108	#305D6C
66.7%	66.7% #274C58	RGB 39 76 88	#274C58
83.3%	83.3% #1E3A44	RGB 30 58 68	#1E3A44
100.0%	100.0% #152930	RGB 21 41 48	#152930

#4C92A8 #428094 #396F80 #305D6C #274C58 #1E3A44 #152930

#4C92A8 - #152930

HSV Blend

#4C92A8 - #152930 | 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 #4C92A8 as 0% and #152930 as 100%.

0.0%	0.0% #4C92A8	RGB 76 146 168	#4C92A8
16.7%	16.7% #428094	RGB 66 128 148	#428094
33.3%	33.3% #396E80	RGB 57 110 128	#396E80
50.0%	50.0% #305D6C	RGB 48 93 108	#305D6C
66.7%	66.7% #264B58	RGB 38 75 88	#264B58
83.3%	83.3% #1D3A44	RGB 29 58 68	#1D3A44
100.0%	100.0% #152930	RGB 21 41 48	#152930

#4C92A8 #428094 #396E80 #305D6C #264B58 #1D3A44 #152930

#4C92A8 - #305D6C - #152930

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C92A8 0%, #305D6C 50%, #152930 100%);
    background: -webkit-linear-gradient(top, #4C92A8 0%, #305D6C 50%, #152930 100%);
    background: linear-gradient(to bottom, #4C92A8 0%, #305D6C 50%, #152930 100%);
}
</style>