#78889B - #303F4F | 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 #78889B to #303F4F

#78889B #303F4F

Calculate the color between two colors, #78889B and #303F4F. 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)

#78889B - #303F4F | 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 #78889B as 0% and #303F4F as 100%.

0.0%	0.0% #78889B	RGB 120 136 155	#78889B
16.7%	16.7% #6C7B8E	RGB 108 123 142	#6C7B8E
33.3%	33.3% #606F81	RGB 96 111 129	#606F81
50.0%	50.0% #546375	RGB 84 99 117	#546375
66.7%	66.7% #485768	RGB 72 87 104	#485768
83.3%	83.3% #3C4B5B	RGB 60 75 91	#3C4B5B
100.0%	100.0% #303F4F	RGB 48 63 79	#303F4F

#78889B #6C7B8E #606F81 #546375 #485768 #3C4B5B #303F4F

#78889B - #303F4F

HSV Blend

#78889B - #303F4F | 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 #78889B as 0% and #303F4F as 100%.

0.0%	0.0% #78889B	RGB 120 136 155	#78889B
16.7%	16.7% #6A7A8E	RGB 106 122 142	#6A7A8E
33.3%	33.3% #5D6E81	RGB 93 110 129	#5D6E81
50.0%	50.0% #506175	RGB 80 97 117	#506175
66.7%	66.7% #455568	RGB 69 85 104	#455568
83.3%	83.3% #3A4A5B	RGB 58 74 91	#3A4A5B
100.0%	100.0% #303F4F	RGB 48 63 79	#303F4F

#78889B #6A7A8E #5D6E81 #506175 #455568 #3A4A5B #303F4F

#78889B - #506175 - #303F4F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #78889B 0%, #506175 50%, #303F4F 100%);
    background: -webkit-linear-gradient(top, #78889B 0%, #506175 50%, #303F4F 100%);
    background: linear-gradient(to bottom, #78889B 0%, #506175 50%, #303F4F 100%);
}
</style>