#07224D - #B8C0CC | 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 #07224D to #B8C0CC

#07224D #B8C0CC

Calculate the color between two colors, #07224D and #B8C0CC. 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)

#07224D - #B8C0CC | 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 #07224D as 0% and #B8C0CC as 100%.

0.0%	0.0% #07224D	RGB 7 34 77	#07224D
16.7%	16.7% #243C62	RGB 36 60 98	#243C62
33.3%	33.3% #425677	RGB 66 86 119	#425677
50.0%	50.0% #5F718C	RGB 95 113 140	#5F718C
66.7%	66.7% #7D8BA1	RGB 125 139 161	#7D8BA1
83.3%	83.3% #9AA5B6	RGB 154 165 182	#9AA5B6
100.0%	100.0% #B8C0CC	RGB 184 192 204	#B8C0CC

#07224D #243C62 #425677 #5F718C #7D8BA1 #9AA5B6 #B8C0CC

#07224D - #B8C0CC

HSV Blend

#07224D - #B8C0CC | 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 #07224D as 0% and #B8C0CC as 100%.

0.0%	0.0% #07224D	RGB 7 34 77	#07224D
16.7%	16.7% #163362	RGB 22 51 98	#163362
33.3%	33.3% #2B4877	RGB 43 72 119	#2B4877
50.0%	50.0% #45618C	RGB 69 97 140	#45618C
66.7%	66.7% #667DA1	RGB 102 125 161	#667DA1
83.3%	83.3% #8C9DB6	RGB 140 157 182	#8C9DB6
100.0%	100.0% #B8C0CC	RGB 184 192 204	#B8C0CC

#07224D #163362 #2B4877 #45618C #667DA1 #8C9DB6 #B8C0CC

#07224D - #45618C - #B8C0CC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #07224D 0%, #45618C 50%, #B8C0CC 100%);
    background: -webkit-linear-gradient(top, #07224D 0%, #45618C 50%, #B8C0CC 100%);
    background: linear-gradient(to bottom, #07224D 0%, #45618C 50%, #B8C0CC 100%);
}
</style>