#CAD3D2 - #629D9F | 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 #CAD3D2 to #629D9F

#CAD3D2 #629D9F

Calculate the color between two colors, #CAD3D2 and #629D9F. 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)

#CAD3D2 - #629D9F | 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 #CAD3D2 as 0% and #629D9F as 100%.

0.0%	0.0% #CAD3D2	RGB 202 211 210	#CAD3D2
16.7%	16.7% #B8CAC9	RGB 184 202 201	#B8CAC9
33.3%	33.3% #A7C1C1	RGB 167 193 193	#A7C1C1
50.0%	50.0% #96B8B8	RGB 150 184 184	#96B8B8
66.7%	66.7% #84AFB0	RGB 132 175 176	#84AFB0
83.3%	83.3% #73A6A7	RGB 115 166 167	#73A6A7
100.0%	100.0% #629D9F	RGB 98 157 159	#629D9F

#CAD3D2 #B8CAC9 #A7C1C1 #96B8B8 #84AFB0 #73A6A7 #629D9F

#CAD3D2 - #629D9F

HSV Blend

#CAD3D2 - #629D9F | 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 #CAD3D2 as 0% and #629D9F as 100%.

0.0%	0.0% #CAD3D2	RGB 202 211 210	#CAD3D2
16.7%	16.7% #B6CAC8	RGB 182 202 200	#B6CAC8
33.3%	33.3% #A3C1BF	RGB 163 193 191	#A3C1BF
50.0%	50.0% #91B9B7	RGB 145 185 183	#91B9B7
66.7%	66.7% #80B0AF	RGB 128 176 175	#80B0AF
83.3%	83.3% #70A7A7	RGB 112 167 167	#70A7A7
100.0%	100.0% #629D9F	RGB 98 157 159	#629D9F

#CAD3D2 #B6CAC8 #A3C1BF #91B9B7 #80B0AF #70A7A7 #629D9F

#CAD3D2 - #91B9B7 - #629D9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAD3D2 0%, #91B9B7 50%, #629D9F 100%);
    background: -webkit-linear-gradient(top, #CAD3D2 0%, #91B9B7 50%, #629D9F 100%);
    background: linear-gradient(to bottom, #CAD3D2 0%, #91B9B7 50%, #629D9F 100%);
}
</style>