#14456B - #6C95A8 | 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 #14456B to #6C95A8

#14456B #6C95A8

Calculate the color between two colors, #14456B and #6C95A8. 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)

#14456B - #6C95A8 | 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 #14456B as 0% and #6C95A8 as 100%.

0.0%	0.0% #14456B	RGB 20 69 107	#14456B
16.7%	16.7% #225275	RGB 34 82 117	#225275
33.3%	33.3% #315F7F	RGB 49 95 127	#315F7F
50.0%	50.0% #406D89	RGB 64 109 137	#406D89
66.7%	66.7% #4E7A93	RGB 78 122 147	#4E7A93
83.3%	83.3% #5D879D	RGB 93 135 157	#5D879D
100.0%	100.0% #6C95A8	RGB 108 149 168	#6C95A8

#14456B #225275 #315F7F #406D89 #4E7A93 #5D879D #6C95A8

#14456B - #6C95A8

HSV Blend

#14456B - #6C95A8 | 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 #14456B as 0% and #6C95A8 as 100%.

0.0%	0.0% #14456B	RGB 20 69 107	#14456B
16.7%	16.7% #1E5175	RGB 30 81 117	#1E5175
33.3%	33.3% #2B5D7F	RGB 43 93 127	#2B5D7F
50.0%	50.0% #396B89	RGB 57 107 137	#396B89
66.7%	66.7% #487893	RGB 72 120 147	#487893
83.3%	83.3% #59869D	RGB 89 134 157	#59869D
100.0%	100.0% #6C95A8	RGB 108 149 168	#6C95A8

#14456B #1E5175 #2B5D7F #396B89 #487893 #59869D #6C95A8

#14456B - #396B89 - #6C95A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #14456B 0%, #396B89 50%, #6C95A8 100%);
    background: -webkit-linear-gradient(top, #14456B 0%, #396B89 50%, #6C95A8 100%);
    background: linear-gradient(to bottom, #14456B 0%, #396B89 50%, #6C95A8 100%);
}
</style>