#CAADBD - #D3E6DF | 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 #CAADBD to #D3E6DF

#CAADBD #D3E6DF

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

#CAADBD - #D3E6DF | 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 #CAADBD as 0% and #D3E6DF as 100%.

0.0%	0.0% #CAADBD	RGB 202 173 189	#CAADBD
16.7%	16.7% #CBB6C2	RGB 203 182 194	#CBB6C2
33.3%	33.3% #CDC0C8	RGB 205 192 200	#CDC0C8
50.0%	50.0% #CEC9CE	RGB 206 201 206	#CEC9CE
66.7%	66.7% #D0D3D3	RGB 208 211 211	#D0D3D3
83.3%	83.3% #D1DCD9	RGB 209 220 217	#D1DCD9
100.0%	100.0% #D3E6DF	RGB 211 230 223	#D3E6DF

#CAADBD #CBB6C2 #CDC0C8 #CEC9CE #D0D3D3 #D1DCD9 #D3E6DF

#CAADBD - #D3E6DF

HSV Blend

#CAADBD - #D3E6DF | 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 #CAADBD as 0% and #D3E6DF as 100%.

0.0%	0.0% #CAADBD	RGB 202 173 189	#CAADBD
16.7%	16.7% #CEB3CE	RGB 206 179 206	#CEB3CE
33.3%	33.3% #C6B9D3	RGB 198 185 211	#C6B9D3
50.0%	50.0% #C0BFD8	RGB 192 191 216	#C0BFD8
66.7%	66.7% #C5CFDC	RGB 197 207 220	#C5CFDC
83.3%	83.3% #CCDFE1	RGB 204 223 225	#CCDFE1
100.0%	100.0% #D3E6DF	RGB 211 230 223	#D3E6DF

#CAADBD #CEB3CE #C6B9D3 #C0BFD8 #C5CFDC #CCDFE1 #D3E6DF

#CAADBD - #C0BFD8 - #D3E6DF

CSS codes

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

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