#FFCAEA - #DB6FB3 | 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 #FFCAEA to #DB6FB3

#FFCAEA #DB6FB3

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

#FFCAEA - #DB6FB3 | 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 #FFCAEA as 0% and #DB6FB3 as 100%.

0.0%	0.0% #FFCAEA	RGB 255 202 234	#FFCAEA
16.7%	16.7% #F9BAE0	RGB 249 186 224	#F9BAE0
33.3%	33.3% #F3ABD7	RGB 243 171 215	#F3ABD7
50.0%	50.0% #ED9CCE	RGB 237 156 206	#ED9CCE
66.7%	66.7% #E78DC5	RGB 231 141 197	#E78DC5
83.3%	83.3% #E17EBC	RGB 225 126 188	#E17EBC
100.0%	100.0% #DB6FB3	RGB 219 111 179	#DB6FB3

#FFCAEA #F9BAE0 #F3ABD7 #ED9CCE #E78DC5 #E17EBC #DB6FB3

#FFCAEA - #DB6FB3

HSV Blend

#FFCAEA - #DB6FB3 | 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 #FFCAEA as 0% and #DB6FB3 as 100%.

0.0%	0.0% #FFCAEA	RGB 255 202 234	#FFCAEA
16.7%	16.7% #F9B9E0	RGB 249 185 224	#F9B9E0
33.3%	33.3% #F3A9D6	RGB 243 169 214	#F3A9D6
50.0%	50.0% #ED99CD	RGB 237 153 205	#ED99CD
66.7%	66.7% #E78BC4	RGB 231 139 196	#E78BC4
83.3%	83.3% #E17CBB	RGB 225 124 187	#E17CBB
100.0%	100.0% #DB6FB3	RGB 219 111 179	#DB6FB3

#FFCAEA #F9B9E0 #F3A9D6 #ED99CD #E78BC4 #E17CBB #DB6FB3

#FFCAEA - #ED99CD - #DB6FB3

CSS codes

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

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