#9A8BAA - #FFC4D5 | 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 #9A8BAA to #FFC4D5

#9A8BAA #FFC4D5

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

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

0.0%	0.0% #9A8BAA	RGB 154 139 170	#9A8BAA
16.7%	16.7% #AA94B1	RGB 170 148 177	#AA94B1
33.3%	33.3% #BB9EB8	RGB 187 158 184	#BB9EB8
50.0%	50.0% #CCA7BF	RGB 204 167 191	#CCA7BF
66.7%	66.7% #DDB1C6	RGB 221 177 198	#DDB1C6
83.3%	83.3% #EEBACD	RGB 238 186 205	#EEBACD
100.0%	100.0% #FFC4D5	RGB 255 196 213	#FFC4D5

#9A8BAA #AA94B1 #BB9EB8 #CCA7BF #DDB1C6 #EEBACD #FFC4D5

#9A8BAA - #FFC4D5

HSV Blend

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

0.0%	0.0% #9A8BAA	RGB 154 139 170	#9A8BAA
16.7%	16.7% #AD95B8	RGB 173 149 184	#AD95B8
33.3%	33.3% #C29EC6	RGB 194 158 198	#C29EC6
50.0%	50.0% #D4A8D0	RGB 212 168 208	#D4A8D0
66.7%	66.7% #E2B1D3	RGB 226 177 211	#E2B1D3
83.3%	83.3% #F0BBD5	RGB 240 187 213	#F0BBD5
100.0%	100.0% #FFC4D5	RGB 255 196 213	#FFC4D5

#9A8BAA #AD95B8 #C29EC6 #D4A8D0 #E2B1D3 #F0BBD5 #FFC4D5

#9A8BAA - #D4A8D0 - #FFC4D5

CSS codes

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

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