#3E7E94 - #B9C6B9 | 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 #3E7E94 to #B9C6B9

#3E7E94 #B9C6B9

Calculate the color between two colors, #3E7E94 and #B9C6B9. 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)

#3E7E94 - #B9C6B9 | 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 #3E7E94 as 0% and #B9C6B9 as 100%.

0.0%	0.0% #3E7E94	RGB 62 126 148	#3E7E94
16.7%	16.7% #528A9A	RGB 82 138 154	#528A9A
33.3%	33.3% #6796A0	RGB 103 150 160	#6796A0
50.0%	50.0% #7BA2A6	RGB 123 162 166	#7BA2A6
66.7%	66.7% #90AEAC	RGB 144 174 172	#90AEAC
83.3%	83.3% #A4BAB2	RGB 164 186 178	#A4BAB2
100.0%	100.0% #B9C6B9	RGB 185 198 185	#B9C6B9

#3E7E94 #528A9A #6796A0 #7BA2A6 #90AEAC #A4BAB2 #B9C6B9

#3E7E94 - #B9C6B9

HSV Blend

#3E7E94 - #B9C6B9 | 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 #3E7E94 as 0% and #B9C6B9 as 100%.

0.0%	0.0% #3E7D94	RGB 62 125 148	#3E7D94
16.7%	16.7% #4E989C	RGB 78 152 156	#4E989C
33.3%	33.3% #61A499	RGB 97 164 153	#61A499
50.0%	50.0% #75AD98	RGB 117 173 152	#75AD98
66.7%	66.7% #8AB59C	RGB 138 181 156	#8AB59C
83.3%	83.3% #A0BDA6	RGB 160 189 166	#A0BDA6
100.0%	100.0% #B9C6B9	RGB 185 198 185	#B9C6B9

#3E7D94 #4E989C #61A499 #75AD98 #8AB59C #A0BDA6 #B9C6B9

#3E7E94 - #75AD98 - #B9C6B9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E7D94 0%, #75AD98 50%, #B9C6B9 100%);
    background: -webkit-linear-gradient(top, #3E7D94 0%, #75AD98 50%, #B9C6B9 100%);
    background: linear-gradient(to bottom, #3E7D94 0%, #75AD98 50%, #B9C6B9 100%);
}
</style>