#3E6D84 - #C7D5DB | 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 #3E6D84 to #C7D5DB

#3E6D84 #C7D5DB

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

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

0.0%	0.0% #3E6D84	RGB 62 109 132	#3E6D84
16.7%	16.7% #547E92	RGB 84 126 146	#547E92
33.3%	33.3% #6B8FA1	RGB 107 143 161	#6B8FA1
50.0%	50.0% #82A1AF	RGB 130 161 175	#82A1AF
66.7%	66.7% #99B2BE	RGB 153 178 190	#99B2BE
83.3%	83.3% #B0C3CC	RGB 176 195 204	#B0C3CC
100.0%	100.0% #C7D5DB	RGB 199 213 219	#C7D5DB

#3E6D84 #547E92 #6B8FA1 #82A1AF #99B2BE #B0C3CC #C7D5DB

#3E6D84 - #C7D5DB

HSV Blend

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

0.0%	0.0% #3E6D84	RGB 62 109 132	#3E6D84
16.7%	16.7% #4F7C92	RGB 79 124 146	#4F7C92
33.3%	33.3% #638DA1	RGB 99 141 161	#638DA1
50.0%	50.0% #789EAF	RGB 120 158 175	#789EAF
66.7%	66.7% #90B0BE	RGB 144 176 190	#90B0BE
83.3%	83.3% #AAC2CC	RGB 170 194 204	#AAC2CC
100.0%	100.0% #C7D5DB	RGB 199 213 219	#C7D5DB

#3E6D84 #4F7C92 #638DA1 #789EAF #90B0BE #AAC2CC #C7D5DB

#3E6D84 - #789EAF - #C7D5DB

CSS codes

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

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