#C97FE2 - #DBE0DF | 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 #C97FE2 to #DBE0DF

#C97FE2 #DBE0DF

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

#C97FE2 - #DBE0DF | 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 #C97FE2 as 0% and #DBE0DF as 100%.

0.0%	0.0% #C97FE2	RGB 201 127 226	#C97FE2
16.7%	16.7% #CC8FE1	RGB 204 143 225	#CC8FE1
33.3%	33.3% #CF9FE1	RGB 207 159 225	#CF9FE1
50.0%	50.0% #D2AFE0	RGB 210 175 224	#D2AFE0
66.7%	66.7% #D5BFE0	RGB 213 191 224	#D5BFE0
83.3%	83.3% #D8CFDF	RGB 216 207 223	#D8CFDF
100.0%	100.0% #DBE0DF	RGB 219 224 223	#DBE0DF

#C97FE2 #CC8FE1 #CF9FE1 #D2AFE0 #D5BFE0 #D8CFDF #DBE0DF

#C97FE2 - #DBE0DF

HSV Blend

#C97FE2 - #DBE0DF | 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 #C97FE2 as 0% and #DBE0DF as 100%.

0.0%	0.0% #C97FE2	RGB 201 127 226	#C97FE2
16.7%	16.7% #B18EE1	RGB 177 142 225	#B18EE1
33.3%	33.3% #A49DE1	RGB 164 157 225	#A49DE1
50.0%	50.0% #ADB8E1	RGB 173 184 225	#ADB8E1
66.7%	66.7% #BCD0E0	RGB 188 208 224	#BCD0E0
83.3%	83.3% #CBDDE0	RGB 203 221 224	#CBDDE0
100.0%	100.0% #DBE0DF	RGB 219 224 223	#DBE0DF

#C97FE2 #B18EE1 #A49DE1 #ADB8E1 #BCD0E0 #CBDDE0 #DBE0DF

#C97FE2 - #ADB8E1 - #DBE0DF

CSS codes

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

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