#CFDCD9 - #3B3E3D | 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 #CFDCD9 to #3B3E3D

#CFDCD9 #3B3E3D

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

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

0.0%	0.0% #CFDCD9	RGB 207 220 217	#CFDCD9
16.7%	16.7% #B6C1BF	RGB 182 193 191	#B6C1BF
33.3%	33.3% #9DA7A5	RGB 157 167 165	#9DA7A5
50.0%	50.0% #858D8B	RGB 133 141 139	#858D8B
66.7%	66.7% #6C7271	RGB 108 114 113	#6C7271
83.3%	83.3% #535857	RGB 83 88 87	#535857
100.0%	100.0% #3B3E3D	RGB 59 62 61	#3B3E3D

#CFDCD9 #B6C1BF #9DA7A5 #858D8B #6C7271 #535857 #3B3E3D

#CFDCD9 - #3B3E3D

HSV Blend

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

0.0%	0.0% #CFDCD9	RGB 207 220 217	#CFDCD9
16.7%	16.7% #B6C1BE	RGB 182 193 190	#B6C1BE
33.3%	33.3% #9EA7A4	RGB 158 167 164	#9EA7A4
50.0%	50.0% #858D8A	RGB 133 141 138	#858D8A
66.7%	66.7% #6C7270	RGB 108 114 112	#6C7270
83.3%	83.3% #535856	RGB 83 88 86	#535856
100.0%	100.0% #3B3E3D	RGB 59 62 61	#3B3E3D

#CFDCD9 #B6C1BE #9EA7A4 #858D8A #6C7270 #535856 #3B3E3D

#CFDCD9 - #858D8A - #3B3E3D

CSS codes

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

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