#423F56 - #697FB7 | 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 #423F56 to #697FB7

#423F56 #697FB7

Calculate the color between two colors, #423F56 and #697FB7. 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)

#423F56 - #697FB7 | 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 #423F56 as 0% and #697FB7 as 100%.

0.0%	0.0% #423F56	RGB 66 63 86	#423F56
16.7%	16.7% #484966	RGB 72 73 102	#484966
33.3%	33.3% #4F5476	RGB 79 84 118	#4F5476
50.0%	50.0% #555F86	RGB 85 95 134	#555F86
66.7%	66.7% #5C6996	RGB 92 105 150	#5C6996
83.3%	83.3% #6274A6	RGB 98 116 166	#6274A6
100.0%	100.0% #697FB7	RGB 105 127 183	#697FB7

#423F56 #484966 #4F5476 #555F86 #5C6996 #6274A6 #697FB7

#423F56 - #697FB7

HSV Blend

#423F56 - #697FB7 | 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 #423F56 as 0% and #697FB7 as 100%.

0.0%	0.0% #423F56	RGB 66 63 86	#423F56
16.7%	16.7% #494866	RGB 73 72 102	#494866
33.3%	33.3% #505076	RGB 80 80 118	#505076
50.0%	50.0% #575B86	RGB 87 91 134	#575B86
66.7%	66.7% #5E6696	RGB 94 102 150	#5E6696
83.3%	83.3% #6472A6	RGB 100 114 166	#6472A6
100.0%	100.0% #697FB7	RGB 105 127 183	#697FB7

#423F56 #494866 #505076 #575B86 #5E6696 #6472A6 #697FB7

#423F56 - #575B86 - #697FB7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #423F56 0%, #575B86 50%, #697FB7 100%);
    background: -webkit-linear-gradient(top, #423F56 0%, #575B86 50%, #697FB7 100%);
    background: linear-gradient(to bottom, #423F56 0%, #575B86 50%, #697FB7 100%);
}
</style>