#D1CBDB - #D0DFED | 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 #D1CBDB to #D0DFED

#D1CBDB #D0DFED

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

#D1CBDB - #D0DFED | 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 #D1CBDB as 0% and #D0DFED as 100%.

0.0%	0.0% #D1CBDB	RGB 209 203 219	#D1CBDB
16.7%	16.7% #D0CEDE	RGB 208 206 222	#D0CEDE
33.3%	33.3% #D0D1E1	RGB 208 209 225	#D0D1E1
50.0%	50.0% #D0D5E4	RGB 208 213 228	#D0D5E4
66.7%	66.7% #D0D8E7	RGB 208 216 231	#D0D8E7
83.3%	83.3% #D0DBEA	RGB 208 219 234	#D0DBEA
100.0%	100.0% #D0DFED	RGB 208 223 237	#D0DFED

#D1CBDB #D0CEDE #D0D1E1 #D0D5E4 #D0D8E7 #D0DBEA #D0DFED

#D1CBDB - #D0DFED

HSV Blend

#D1CBDB - #D0DFED | 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 #D1CBDB as 0% and #D0DFED as 100%.

0.0%	0.0% #D1CBDB	RGB 209 203 219	#D1CBDB
16.7%	16.7% #D0CBDE	RGB 208 203 222	#D0CBDE
33.3%	33.3% #CECCE1	RGB 206 204 225	#CECCE1
50.0%	50.0% #CDCFE4	RGB 205 207 228	#CDCFE4
66.7%	66.7% #CED3E7	RGB 206 211 231	#CED3E7
83.3%	83.3% #CFD9EA	RGB 207 217 234	#CFD9EA
100.0%	100.0% #D0DFED	RGB 208 223 237	#D0DFED

#D1CBDB #D0CBDE #CECCE1 #CDCFE4 #CED3E7 #CFD9EA #D0DFED

#D1CBDB - #CDCFE4 - #D0DFED

CSS codes

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

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