#CFD3E6 - #3B3C41 | 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 #CFD3E6 to #3B3C41

#CFD3E6 #3B3C41

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

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

0.0%	0.0% #CFD3E6	RGB 207 211 230	#CFD3E6
16.7%	16.7% #B6B9CA	RGB 182 185 202	#B6B9CA
33.3%	33.3% #9DA0AF	RGB 157 160 175	#9DA0AF
50.0%	50.0% #858793	RGB 133 135 147	#858793
66.7%	66.7% #6C6E78	RGB 108 110 120	#6C6E78
83.3%	83.3% #53555C	RGB 83 85 92	#53555C
100.0%	100.0% #3B3C41	RGB 59 60 65	#3B3C41

#CFD3E6 #B6B9CA #9DA0AF #858793 #6C6E78 #53555C #3B3C41

#CFD3E6 - #3B3C41

HSV Blend

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

0.0%	0.0% #CFD3E6	RGB 207 211 230	#CFD3E6
16.7%	16.7% #B6B9CA	RGB 182 185 202	#B6B9CA
33.3%	33.3% #9DA0AF	RGB 157 160 175	#9DA0AF
50.0%	50.0% #858793	RGB 133 135 147	#858793
66.7%	66.7% #6C6E78	RGB 108 110 120	#6C6E78
83.3%	83.3% #53555C	RGB 83 85 92	#53555C
100.0%	100.0% #3B3C41	RGB 59 60 65	#3B3C41

#CFD3E6 #B6B9CA #9DA0AF #858793 #6C6E78 #53555C #3B3C41

#CFD3E6 - #858793 - #3B3C41

CSS codes

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

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