#3C5964 - #C7CFD2 | 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 #3C5964 to #C7CFD2

#3C5964 #C7CFD2

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

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

0.0%	0.0% #3C5964	RGB 60 89 100	#3C5964
16.7%	16.7% #536C76	RGB 83 108 118	#536C76
33.3%	33.3% #6A8088	RGB 106 128 136	#6A8088
50.0%	50.0% #81949B	RGB 129 148 155	#81949B
66.7%	66.7% #98A7AD	RGB 152 167 173	#98A7AD
83.3%	83.3% #AFBBBF	RGB 175 187 191	#AFBBBF
100.0%	100.0% #C7CFD2	RGB 199 207 210	#C7CFD2

#3C5964 #536C76 #6A8088 #81949B #98A7AD #AFBBBF #C7CFD2

#3C5964 - #C7CFD2

HSV Blend

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

0.0%	0.0% #3C5964	RGB 60 89 100	#3C5964
16.7%	16.7% #4D6B76	RGB 77 107 118	#4D6B76
33.3%	33.3% #617E88	RGB 97 126 136	#617E88
50.0%	50.0% #77919B	RGB 119 145 155	#77919B
66.7%	66.7% #90A5AD	RGB 144 165 173	#90A5AD
83.3%	83.3% #AAB9BF	RGB 170 185 191	#AAB9BF
100.0%	100.0% #C7CFD2	RGB 199 207 210	#C7CFD2

#3C5964 #4D6B76 #617E88 #77919B #90A5AD #AAB9BF #C7CFD2

#3C5964 - #77919B - #C7CFD2

CSS codes

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

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