#FF9CB7 - #DCACFF | 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 #FF9CB7 to #DCACFF

#FF9CB7 #DCACFF

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

#FF9CB7 - #DCACFF | 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 #FF9CB7 as 0% and #DCACFF as 100%.

0.0%	0.0% #FF9CB7	RGB 255 156 183	#FF9CB7
16.7%	16.7% #F99EC3	RGB 249 158 195	#F99EC3
33.3%	33.3% #F3A1CF	RGB 243 161 207	#F3A1CF
50.0%	50.0% #EDA4DB	RGB 237 164 219	#EDA4DB
66.7%	66.7% #E7A6E7	RGB 231 166 231	#E7A6E7
83.3%	83.3% #E1A9F3	RGB 225 169 243	#E1A9F3
100.0%	100.0% #DCACFF	RGB 220 172 255	#DCACFF

#FF9CB7 #F99EC3 #F3A1CF #EDA4DB #E7A6E7 #E1A9F3 #DCACFF

#FF9CB7 - #DCACFF

HSV Blend

#FF9CB7 - #DCACFF | 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 #FF9CB7 as 0% and #DCACFF as 100%.

0.0%	0.0% #FF9CB7	RGB 255 156 183	#FF9CB7
16.7%	16.7% #FF9ECB	RGB 255 158 203	#FF9ECB
33.3%	33.3% #FFA1DE	RGB 255 161 222	#FFA1DE
50.0%	50.0% #FFA4F1	RGB 255 164 241	#FFA4F1
66.7%	66.7% #FBA6FF	RGB 251 166 255	#FBA6FF
83.3%	83.3% #EBA9FF	RGB 235 169 255	#EBA9FF
100.0%	100.0% #DCACFF	RGB 220 172 255	#DCACFF

#FF9CB7 #FF9ECB #FFA1DE #FFA4F1 #FBA6FF #EBA9FF #DCACFF

#FF9CB7 - #FFA4F1 - #DCACFF

CSS codes

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

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