#9F81C0 - #FFCAC2 | 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 #9F81C0 to #FFCAC2

#9F81C0 #FFCAC2

Calculate the color between two colors, #9F81C0 and #FFCAC2. 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)

#9F81C0 - #FFCAC2 | 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 #9F81C0 as 0% and #FFCAC2 as 100%.

0.0%	0.0% #9F81C0	RGB 159 129 192	#9F81C0
16.7%	16.7% #AF8DC0	RGB 175 141 192	#AF8DC0
33.3%	33.3% #BF99C0	RGB 191 153 192	#BF99C0
50.0%	50.0% #CFA5C1	RGB 207 165 193	#CFA5C1
66.7%	66.7% #DFB1C1	RGB 223 177 193	#DFB1C1
83.3%	83.3% #EFBDC1	RGB 239 189 193	#EFBDC1
100.0%	100.0% #FFCAC2	RGB 255 202 194	#FFCAC2

#9F81C0 #AF8DC0 #BF99C0 #CFA5C1 #DFB1C1 #EFBDC1 #FFCAC2

#9F81C0 - #FFCAC2

HSV Blend

#9F81C0 - #FFCAC2 | 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 #9F81C0 as 0% and #FFCAC2 as 100%.

0.0%	0.0% #9E81C0	RGB 158 129 192	#9E81C0
16.7%	16.7% #BA8BCA	RGB 186 139 202	#BA8BCA
33.3%	33.3% #D595D3	RGB 213 149 211	#D595D3
50.0%	50.0% #DFA0CC	RGB 223 160 204	#DFA0CC
66.7%	66.7% #EAABC5	RGB 234 171 197	#EAABC5
83.3%	83.3% #F4B6BF	RGB 244 182 191	#F4B6BF
100.0%	100.0% #FFCAC2	RGB 255 202 194	#FFCAC2

#9E81C0 #BA8BCA #D595D3 #DFA0CC #EAABC5 #F4B6BF #FFCAC2

#9F81C0 - #DFA0CC - #FFCAC2

CSS codes

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

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