#DC99CE - #DBEEE3 | 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 #DC99CE to #DBEEE3

#DC99CE #DBEEE3

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

#DC99CE - #DBEEE3 | 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 #DC99CE as 0% and #DBEEE3 as 100%.

0.0%	0.0% #DC99CE	RGB 220 153 206	#DC99CE
16.7%	16.7% #DBA7D1	RGB 219 167 209	#DBA7D1
33.3%	33.3% #DBB5D5	RGB 219 181 213	#DBB5D5
50.0%	50.0% #DBC3D8	RGB 219 195 216	#DBC3D8
66.7%	66.7% #DBD1DC	RGB 219 209 220	#DBD1DC
83.3%	83.3% #DBDFDF	RGB 219 223 223	#DBDFDF
100.0%	100.0% #DBEEE3	RGB 219 238 227	#DBEEE3

#DC99CE #DBA7D1 #DBB5D5 #DBC3D8 #DBD1DC #DBDFDF #DBEEE3

#DC99CE - #DBEEE3

HSV Blend

#DC99CE - #DBEEE3 | 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 #DC99CE as 0% and #DBEEE3 as 100%.

0.0%	0.0% #DC99CE	RGB 220 153 206	#DC99CE
16.7%	16.7% #CFA3DF	RGB 207 163 223	#CFA3DF
33.3%	33.3% #BCAEE2	RGB 188 174 226	#BCAEE2
50.0%	50.0% #B8C1E5	RGB 184 193 229	#B8C1E5
66.7%	66.7% #C4DBE8	RGB 196 219 232	#C4DBE8
83.3%	83.3% #CFEBE7	RGB 207 235 231	#CFEBE7
100.0%	100.0% #DBEEE3	RGB 219 238 227	#DBEEE3

#DC99CE #CFA3DF #BCAEE2 #B8C1E5 #C4DBE8 #CFEBE7 #DBEEE3

#DC99CE - #B8C1E5 - #DBEEE3

CSS codes

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

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