#DEC8F7 - #8267C0 | 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 #DEC8F7 to #8267C0

#DEC8F7 #8267C0

Calculate the color between two colors, #DEC8F7 and #8267C0. 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)

#DEC8F7 - #8267C0 | 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 #DEC8F7 as 0% and #8267C0 as 100%.

0.0%	0.0% #DEC8F7	RGB 222 200 247	#DEC8F7
16.7%	16.7% #CEB7ED	RGB 206 183 237	#CEB7ED
33.3%	33.3% #BFA7E4	RGB 191 167 228	#BFA7E4
50.0%	50.0% #B097DB	RGB 176 151 219	#B097DB
66.7%	66.7% #A087D2	RGB 160 135 210	#A087D2
83.3%	83.3% #9177C9	RGB 145 119 201	#9177C9
100.0%	100.0% #8267C0	RGB 130 103 192	#8267C0

#DEC8F7 #CEB7ED #BFA7E4 #B097DB #A087D2 #9177C9 #8267C0

#DEC8F7 - #8267C0

HSV Blend

#DEC8F7 - #8267C0 | 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 #DEC8F7 as 0% and #8267C0 as 100%.

0.0%	0.0% #DEC8F7	RGB 222 200 247	#DEC8F7
16.7%	16.7% #CEB5ED	RGB 206 181 237	#CEB5ED
33.3%	33.3% #BEA4E4	RGB 190 164 228	#BEA4E4
50.0%	50.0% #AF93DB	RGB 175 147 219	#AF93DB
66.7%	66.7% #A083D2	RGB 160 131 210	#A083D2
83.3%	83.3% #9075C9	RGB 144 117 201	#9075C9
100.0%	100.0% #8267C0	RGB 130 103 192	#8267C0

#DEC8F7 #CEB5ED #BEA4E4 #AF93DB #A083D2 #9075C9 #8267C0

#DEC8F7 - #AF93DB - #8267C0

CSS codes

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

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