#4C92AD - #20475F | 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 #4C92AD to #20475F

#4C92AD #20475F

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

#4C92AD - #20475F | 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 #4C92AD as 0% and #20475F as 100%.

0.0%	0.0% #4C92AD	RGB 76 146 173	#4C92AD
16.7%	16.7% #4485A0	RGB 68 133 160	#4485A0
33.3%	33.3% #3D7993	RGB 61 121 147	#3D7993
50.0%	50.0% #366C86	RGB 54 108 134	#366C86
66.7%	66.7% #2E6079	RGB 46 96 121	#2E6079
83.3%	83.3% #27536C	RGB 39 83 108	#27536C
100.0%	100.0% #20475F	RGB 32 71 95	#20475F

#4C92AD #4485A0 #3D7993 #366C86 #2E6079 #27536C #20475F

#4C92AD - #20475F

HSV Blend

#4C92AD - #20475F | 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 #4C92AD as 0% and #20475F as 100%.

0.0%	0.0% #4C92AD	RGB 76 146 173	#4C92AD
16.7%	16.7% #4384A0	RGB 67 132 160	#4384A0
33.3%	33.3% #3B7793	RGB 59 119 147	#3B7793
50.0%	50.0% #346A86	RGB 52 106 134	#346A86
66.7%	66.7% #2C5E79	RGB 44 94 121	#2C5E79
83.3%	83.3% #26526C	RGB 38 82 108	#26526C
100.0%	100.0% #20475F	RGB 32 71 95	#20475F

#4C92AD #4384A0 #3B7793 #346A86 #2C5E79 #26526C #20475F

#4C92AD - #346A86 - #20475F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C92AD 0%, #346A86 50%, #20475F 100%);
    background: -webkit-linear-gradient(top, #4C92AD 0%, #346A86 50%, #20475F 100%);
    background: linear-gradient(to bottom, #4C92AD 0%, #346A86 50%, #20475F 100%);
}
</style>