#F9DBFF - #CF86D4 | 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 #F9DBFF to #CF86D4

#F9DBFF #CF86D4

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

#F9DBFF - #CF86D4 | 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 #F9DBFF as 0% and #CF86D4 as 100%.

0.0%	0.0% #F9DBFF	RGB 249 219 255	#F9DBFF
16.7%	16.7% #F2CCF7	RGB 242 204 247	#F2CCF7
33.3%	33.3% #EBBEF0	RGB 235 190 240	#EBBEF0
50.0%	50.0% #E4B0E9	RGB 228 176 233	#E4B0E9
66.7%	66.7% #DDA2E2	RGB 221 162 226	#DDA2E2
83.3%	83.3% #D694DB	RGB 214 148 219	#D694DB
100.0%	100.0% #CF86D4	RGB 207 134 212	#CF86D4

#F9DBFF #F2CCF7 #EBBEF0 #E4B0E9 #DDA2E2 #D694DB #CF86D4

#F9DBFF - #CF86D4

HSV Blend

#F9DBFF - #CF86D4 | 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 #F9DBFF as 0% and #CF86D4 as 100%.

0.0%	0.0% #F9DBFF	RGB 249 219 255	#F9DBFF
16.7%	16.7% #F1CBF7	RGB 241 203 247	#F1CBF7
33.3%	33.3% #E9BCF0	RGB 233 188 240	#E9BCF0
50.0%	50.0% #E2AEE9	RGB 226 174 233	#E2AEE9
66.7%	66.7% #DBA0E2	RGB 219 160 226	#DBA0E2
83.3%	83.3% #D592DB	RGB 213 146 219	#D592DB
100.0%	100.0% #CF86D4	RGB 207 134 212	#CF86D4

#F9DBFF #F1CBF7 #E9BCF0 #E2AEE9 #DBA0E2 #D592DB #CF86D4

#F9DBFF - #E2AEE9 - #CF86D4

CSS codes

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

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