#CBD3DB - #CAE6DF | 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 #CBD3DB to #CAE6DF

#CBD3DB #CAE6DF

Calculate the color between two colors, #CBD3DB and #CAE6DF. 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)

#CBD3DB - #CAE6DF | 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 #CBD3DB as 0% and #CAE6DF as 100%.

0.0%	0.0% #CBD3DB	RGB 203 211 219	#CBD3DB
16.7%	16.7% #CAD6DB	RGB 202 214 219	#CAD6DB
33.3%	33.3% #CAD9DC	RGB 202 217 220	#CAD9DC
50.0%	50.0% #CADCDD	RGB 202 220 221	#CADCDD
66.7%	66.7% #CADFDD	RGB 202 223 221	#CADFDD
83.3%	83.3% #CAE2DE	RGB 202 226 222	#CAE2DE
100.0%	100.0% #CAE6DF	RGB 202 230 223	#CAE6DF

#CBD3DB #CAD6DB #CAD9DC #CADCDD #CADFDD #CAE2DE #CAE6DF

#CBD3DB - #CAE6DF

HSV Blend

#CBD3DB - #CAE6DF | 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 #CBD3DB as 0% and #CAE6DF as 100%.

0.0%	0.0% #CBD3DB	RGB 203 211 219	#CBD3DB
16.7%	16.7% #CAD6DC	RGB 202 214 220	#CAD6DC
33.3%	33.3% #CAD9DE	RGB 202 217 222	#CAD9DE
50.0%	50.0% #CADDE0	RGB 202 221 224	#CADDE0
66.7%	66.7% #CAE2E2	RGB 202 226 226	#CAE2E2
83.3%	83.3% #CAE4E0	RGB 202 228 224	#CAE4E0
100.0%	100.0% #CAE6DF	RGB 202 230 223	#CAE6DF

#CBD3DB #CAD6DC #CAD9DE #CADDE0 #CAE2E2 #CAE4E0 #CAE6DF

#CBD3DB - #CADDE0 - #CAE6DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CBD3DB 0%, #CADDE0 50%, #CAE6DF 100%);
    background: -webkit-linear-gradient(top, #CBD3DB 0%, #CADDE0 50%, #CAE6DF 100%);
    background: linear-gradient(to bottom, #CBD3DB 0%, #CADDE0 50%, #CAE6DF 100%);
}
</style>