#4B5A70 - #CBCFD6 | 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 #4B5A70 to #CBCFD6

#4B5A70 #CBCFD6

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

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

0.0%	0.0% #4B5A70	RGB 75 90 112	#4B5A70
16.7%	16.7% #606D81	RGB 96 109 129	#606D81
33.3%	33.3% #758192	RGB 117 129 146	#758192
50.0%	50.0% #8B94A3	RGB 139 148 163	#8B94A3
66.7%	66.7% #A0A8B4	RGB 160 168 180	#A0A8B4
83.3%	83.3% #B5BBC5	RGB 181 187 197	#B5BBC5
100.0%	100.0% #CBCFD6	RGB 203 207 214	#CBCFD6

#4B5A70 #606D81 #758192 #8B94A3 #A0A8B4 #B5BBC5 #CBCFD6

#4B5A70 - #CBCFD6

HSV Blend

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

0.0%	0.0% #4B5A70	RGB 75 90 112	#4B5A70
16.7%	16.7% #5C6A81	RGB 92 106 129	#5C6A81
33.3%	33.3% #6F7C92	RGB 111 124 146	#6F7C92
50.0%	50.0% #838FA3	RGB 131 143 163	#838FA3
66.7%	66.7% #9AA3B4	RGB 154 163 180	#9AA3B4
83.3%	83.3% #B1B8C5	RGB 177 184 197	#B1B8C5
100.0%	100.0% #CBCFD6	RGB 203 207 214	#CBCFD6

#4B5A70 #5C6A81 #6F7C92 #838FA3 #9AA3B4 #B1B8C5 #CBCFD6

#4B5A70 - #838FA3 - #CBCFD6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B5A70 0%, #838FA3 50%, #CBCFD6 100%);
    background: -webkit-linear-gradient(top, #4B5A70 0%, #838FA3 50%, #CBCFD6 100%);
    background: linear-gradient(to bottom, #4B5A70 0%, #838FA3 50%, #CBCFD6 100%);
}
</style>