#EFDBEC - #BB83B8 | 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 #EFDBEC to #BB83B8

#EFDBEC #BB83B8

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

#EFDBEC - #BB83B8 | 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 #EFDBEC as 0% and #BB83B8 as 100%.

0.0%	0.0% #EFDBEC	RGB 239 219 236	#EFDBEC
16.7%	16.7% #E6CCE3	RGB 230 204 227	#E6CCE3
33.3%	33.3% #DDBDDA	RGB 221 189 218	#DDBDDA
50.0%	50.0% #D5AFD2	RGB 213 175 210	#D5AFD2
66.7%	66.7% #CCA0C9	RGB 204 160 201	#CCA0C9
83.3%	83.3% #C391C0	RGB 195 145 192	#C391C0
100.0%	100.0% #BB83B8	RGB 187 131 184	#BB83B8

#EFDBEC #E6CCE3 #DDBDDA #D5AFD2 #CCA0C9 #C391C0 #BB83B8

#EFDBEC - #BB83B8

HSV Blend

#EFDBEC - #BB83B8 | 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 #EFDBEC as 0% and #BB83B8 as 100%.

0.0%	0.0% #EFDBEC	RGB 239 219 236	#EFDBEC
16.7%	16.7% #E6CAE2	RGB 230 202 226	#E6CAE2
33.3%	33.3% #DDBBD9	RGB 221 187 217	#DDBBD9
50.0%	50.0% #D5ACD0	RGB 213 172 208	#D5ACD0
66.7%	66.7% #CC9DC8	RGB 204 157 200	#CC9DC8
83.3%	83.3% #C390C0	RGB 195 144 192	#C390C0
100.0%	100.0% #BB83B8	RGB 187 131 184	#BB83B8

#EFDBEC #E6CAE2 #DDBBD9 #D5ACD0 #CC9DC8 #C390C0 #BB83B8

#EFDBEC - #D5ACD0 - #BB83B8

CSS codes

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

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