#4D9FBD - #CAD9CD | 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 #4D9FBD to #CAD9CD

#4D9FBD #CAD9CD

Calculate the color between two colors, #4D9FBD and #CAD9CD. 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)

#4D9FBD - #CAD9CD | 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 #4D9FBD as 0% and #CAD9CD as 100%.

0.0%	0.0% #4D9FBD	RGB 77 159 189	#4D9FBD
16.7%	16.7% #61A8BF	RGB 97 168 191	#61A8BF
33.3%	33.3% #76B2C2	RGB 118 178 194	#76B2C2
50.0%	50.0% #8BBCC5	RGB 139 188 197	#8BBCC5
66.7%	66.7% #A0C5C7	RGB 160 197 199	#A0C5C7
83.3%	83.3% #B5CFCA	RGB 181 207 202	#B5CFCA
100.0%	100.0% #CAD9CD	RGB 202 217 205	#CAD9CD

#4D9FBD #61A8BF #76B2C2 #8BBCC5 #A0C5C7 #B5CFCA #CAD9CD

#4D9FBD - #CAD9CD

HSV Blend

#4D9FBD - #CAD9CD | 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 #4D9FBD as 0% and #CAD9CD as 100%.

0.0%	0.0% #4D9EBD	RGB 77 158 189	#4D9EBD
16.7%	16.7% #5FB8C1	RGB 95 184 193	#5FB8C1
33.3%	33.3% #73C6BF	RGB 115 198 191	#73C6BF
50.0%	50.0% #87CBB9	RGB 135 203 185	#87CBB9
66.7%	66.7% #9DCFB9	RGB 157 207 185	#9DCFB9
83.3%	83.3% #B3D4BF	RGB 179 212 191	#B3D4BF
100.0%	100.0% #CAD9CD	RGB 202 217 205	#CAD9CD

#4D9EBD #5FB8C1 #73C6BF #87CBB9 #9DCFB9 #B3D4BF #CAD9CD

#4D9FBD - #87CBB9 - #CAD9CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D9EBD 0%, #87CBB9 50%, #CAD9CD 100%);
    background: -webkit-linear-gradient(top, #4D9EBD 0%, #87CBB9 50%, #CAD9CD 100%);
    background: linear-gradient(to bottom, #4D9EBD 0%, #87CBB9 50%, #CAD9CD 100%);
}
</style>