#ECE5FE - #A991CB | 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 #ECE5FE to #A991CB

#ECE5FE #A991CB

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

#ECE5FE - #A991CB | 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 #ECE5FE as 0% and #A991CB as 100%.

0.0%	0.0% #ECE5FE	RGB 236 229 254	#ECE5FE
16.7%	16.7% #E0D7F5	RGB 224 215 245	#E0D7F5
33.3%	33.3% #D5C9ED	RGB 213 201 237	#D5C9ED
50.0%	50.0% #CABBE4	RGB 202 187 228	#CABBE4
66.7%	66.7% #BFADDC	RGB 191 173 220	#BFADDC
83.3%	83.3% #B49FD3	RGB 180 159 211	#B49FD3
100.0%	100.0% #A991CB	RGB 169 145 203	#A991CB

#ECE5FE #E0D7F5 #D5C9ED #CABBE4 #BFADDC #B49FD3 #A991CB

#ECE5FE - #A991CB

HSV Blend

#ECE5FE - #A991CB | 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 #ECE5FE as 0% and #A991CB as 100%.

0.0%	0.0% #ECE5FE	RGB 236 229 254	#ECE5FE
16.7%	16.7% #DFD5F5	RGB 223 213 245	#DFD5F5
33.3%	33.3% #D3C6ED	RGB 211 198 237	#D3C6ED
50.0%	50.0% #C7B8E4	RGB 199 184 228	#C7B8E4
66.7%	66.7% #BDAADC	RGB 189 170 220	#BDAADC
83.3%	83.3% #B29DD3	RGB 178 157 211	#B29DD3
100.0%	100.0% #A991CB	RGB 169 145 203	#A991CB

#ECE5FE #DFD5F5 #D3C6ED #C7B8E4 #BDAADC #B29DD3 #A991CB

#ECE5FE - #C7B8E4 - #A991CB

CSS codes

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

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