#3F4A6B - #C8CBD4 | 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 #3F4A6B to #C8CBD4

#3F4A6B #C8CBD4

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

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

0.0%	0.0% #3F4A6B	RGB 63 74 107	#3F4A6B
16.7%	16.7% #555F7C	RGB 85 95 124	#555F7C
33.3%	33.3% #6C758E	RGB 108 117 142	#6C758E
50.0%	50.0% #838A9F	RGB 131 138 159	#838A9F
66.7%	66.7% #9AA0B1	RGB 154 160 177	#9AA0B1
83.3%	83.3% #B1B5C2	RGB 177 181 194	#B1B5C2
100.0%	100.0% #C8CBD4	RGB 200 203 212	#C8CBD4

#3F4A6B #555F7C #6C758E #838A9F #9AA0B1 #B1B5C2 #C8CBD4

#3F4A6B - #C8CBD4

HSV Blend

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

0.0%	0.0% #3F4A6B	RGB 63 74 107	#3F4A6B
16.7%	16.7% #505B7C	RGB 80 91 124	#505B7C
33.3%	33.3% #646E8E	RGB 100 110 142	#646E8E
50.0%	50.0% #7A839F	RGB 122 131 159	#7A839F
66.7%	66.7% #9299B1	RGB 146 153 177	#9299B1
83.3%	83.3% #ABB1C2	RGB 171 177 194	#ABB1C2
100.0%	100.0% #C8CBD4	RGB 200 203 212	#C8CBD4

#3F4A6B #505B7C #646E8E #7A839F #9299B1 #ABB1C2 #C8CBD4

#3F4A6B - #7A839F - #C8CBD4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F4A6B 0%, #7A839F 50%, #C8CBD4 100%);
    background: -webkit-linear-gradient(top, #3F4A6B 0%, #7A839F 50%, #C8CBD4 100%);
    background: linear-gradient(to bottom, #3F4A6B 0%, #7A839F 50%, #C8CBD4 100%);
}
</style>