#8C8FD1 - #F4D2FC | 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 #8C8FD1 to #F4D2FC

#8C8FD1 #F4D2FC

Calculate the color between two colors, #8C8FD1 and #F4D2FC. 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)

#8C8FD1 - #F4D2FC | 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 #8C8FD1 as 0% and #F4D2FC as 100%.

0.0%	0.0% #8C8FD1	RGB 140 143 209	#8C8FD1
16.7%	16.7% #9D9AD8	RGB 157 154 216	#9D9AD8
33.3%	33.3% #AEA5DF	RGB 174 165 223	#AEA5DF
50.0%	50.0% #C0B0E6	RGB 192 176 230	#C0B0E6
66.7%	66.7% #D1BBED	RGB 209 187 237	#D1BBED
83.3%	83.3% #E2C6F4	RGB 226 198 244	#E2C6F4
100.0%	100.0% #F4D2FC	RGB 244 210 252	#F4D2FC

#8C8FD1 #9D9AD8 #AEA5DF #C0B0E6 #D1BBED #E2C6F4 #F4D2FC

#8C8FD1 - #F4D2FC

HSV Blend

#8C8FD1 - #F4D2FC | 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 #8C8FD1 as 0% and #F4D2FC as 100%.

0.0%	0.0% #8C8ED1	RGB 140 142 209	#8C8ED1
16.7%	16.7% #9D96D8	RGB 157 150 216	#9D96D8
33.3%	33.3% #B0A1DF	RGB 176 161 223	#B0A1DF
50.0%	50.0% #C3ADE6	RGB 195 173 230	#C3ADE6
66.7%	66.7% #D4B9ED	RGB 212 185 237	#D4B9ED
83.3%	83.3% #E5C5F4	RGB 229 197 244	#E5C5F4
100.0%	100.0% #F4D2FC	RGB 244 210 252	#F4D2FC

#8C8ED1 #9D96D8 #B0A1DF #C3ADE6 #D4B9ED #E5C5F4 #F4D2FC

#8C8FD1 - #C3ADE6 - #F4D2FC

CSS codes

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

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