#D291FE - #BAADF9 | 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 #D291FE to #BAADF9

#D291FE #BAADF9

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

#D291FE - #BAADF9 | 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 #D291FE as 0% and #BAADF9 as 100%.

0.0%	0.0% #D291FE	RGB 210 145 254	#D291FE
16.7%	16.7% #CE95FD	RGB 206 149 253	#CE95FD
33.3%	33.3% #CA9AFC	RGB 202 154 252	#CA9AFC
50.0%	50.0% #C69FFB	RGB 198 159 251	#C69FFB
66.7%	66.7% #C2A3FA	RGB 194 163 250	#C2A3FA
83.3%	83.3% #BEA8F9	RGB 190 168 249	#BEA8F9
100.0%	100.0% #BAADF9	RGB 186 173 249	#BAADF9

#D291FE #CE95FD #CA9AFC #C69FFB #C2A3FA #BEA8F9 #BAADF9

#D291FE - #BAADF9

HSV Blend

#D291FE - #BAADF9 | 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 #D291FE as 0% and #BAADF9 as 100%.

0.0%	0.0% #D291FE	RGB 210 145 254	#D291FE
16.7%	16.7% #CC95FD	RGB 204 149 253	#CC95FD
33.3%	33.3% #C69AFC	RGB 198 154 252	#C69AFC
50.0%	50.0% #C29FFB	RGB 194 159 251	#C29FFB
66.7%	66.7% #BEA3FA	RGB 190 163 250	#BEA3FA
83.3%	83.3% #BCA8F9	RGB 188 168 249	#BCA8F9
100.0%	100.0% #BAADF9	RGB 186 173 249	#BAADF9

#D291FE #CC95FD #C69AFC #C29FFB #BEA3FA #BCA8F9 #BAADF9

#D291FE - #C29FFB - #BAADF9

CSS codes

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

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