#3D7878 - #C7D8D8 | 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 #3D7878 to #C7D8D8

#3D7878 #C7D8D8

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

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

0.0%	0.0% #3D7878	RGB 61 120 120	#3D7878
16.7%	16.7% #548888	RGB 84 136 136	#548888
33.3%	33.3% #6B9898	RGB 107 152 152	#6B9898
50.0%	50.0% #82A8A8	RGB 130 168 168	#82A8A8
66.7%	66.7% #99B8B8	RGB 153 184 184	#99B8B8
83.3%	83.3% #B0C8C8	RGB 176 200 200	#B0C8C8
100.0%	100.0% #C7D8D8	RGB 199 216 216	#C7D8D8

#3D7878 #548888 #6B9898 #82A8A8 #99B8B8 #B0C8C8 #C7D8D8

#3D7878 - #C7D8D8

HSV Blend

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

0.0%	0.0% #3D7878	RGB 61 120 120	#3D7878
16.7%	16.7% #4E8888	RGB 78 136 136	#4E8888
33.3%	33.3% #629898	RGB 98 152 152	#629898
50.0%	50.0% #78A8A8	RGB 120 168 168	#78A8A8
66.7%	66.7% #90B8B8	RGB 144 184 184	#90B8B8
83.3%	83.3% #AAC8C8	RGB 170 200 200	#AAC8C8
100.0%	100.0% #C7D8D8	RGB 199 216 216	#C7D8D8

#3D7878 #4E8888 #629898 #78A8A8 #90B8B8 #AAC8C8 #C7D8D8

#3D7878 - #78A8A8 - #C7D8D8

CSS codes

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

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