#3D959C - #CFD9BD | 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 #3D959C to #CFD9BD

#3D959C #CFD9BD

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

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

0.0%	0.0% #3D959C	RGB 61 149 156	#3D959C
16.7%	16.7% #55A0A1	RGB 85 160 161	#55A0A1
33.3%	33.3% #6DABA7	RGB 109 171 167	#6DABA7
50.0%	50.0% #86B7AC	RGB 134 183 172	#86B7AC
66.7%	66.7% #9EC2B2	RGB 158 194 178	#9EC2B2
83.3%	83.3% #B6CDB7	RGB 182 205 183	#B6CDB7
100.0%	100.0% #CFD9BD	RGB 207 217 189	#CFD9BD

#3D959C #55A0A1 #6DABA7 #86B7AC #9EC2B2 #B6CDB7 #CFD9BD

#3D959C - #CFD9BD

HSV Blend

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

0.0%	0.0% #3D959C	RGB 61 149 156	#3D959C
16.7%	16.7% #4EA693	RGB 78 166 147	#4EA693
33.3%	33.3% #61B088	RGB 97 176 136	#61B088
50.0%	50.0% #75BA84	RGB 117 186 132	#75BA84
66.7%	66.7% #8FC48B	RGB 143 196 139	#8FC48B
83.3%	83.3% #B3CEA3	RGB 179 206 163	#B3CEA3
100.0%	100.0% #CFD9BD	RGB 207 217 189	#CFD9BD

#3D959C #4EA693 #61B088 #75BA84 #8FC48B #B3CEA3 #CFD9BD

#3D959C - #75BA84 - #CFD9BD

CSS codes

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

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