#E3ABC6 - #B6497B | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #E3ABC6 a #B6497B

#E3ABC6 #B6497B

Calcule el color entre dos colores, #E3ABC6 y #B6497B. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#E3ABC6 - #B6497B | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #E3ABC6 como 0% y #B6497B como 100%.

0.0%	0.0% #E3ABC6	RGB 227 171 198	#E3ABC6
16.7%	16.7% #DB9AB9	RGB 219 154 185	#DB9AB9
33.3%	33.3% #D48AAD	RGB 212 138 173	#D48AAD
50.0%	50.0% #CC7AA0	RGB 204 122 160	#CC7AA0
66.7%	66.7% #C56994	RGB 197 105 148	#C56994
83.3%	83.3% #BD5987	RGB 189 89 135	#BD5987
100.0%	100.0% #B6497B	RGB 182 73 123	#B6497B

#E3ABC6 #DB9AB9 #D48AAD #CC7AA0 #C56994 #BD5987 #B6497B

#E3ABC6 - #B6497B

Mezcla HSV

#E3ABC6 - #B6497B | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #E3ABC6 como 0% y #B6497B como 100%.

0.0%	0.0% #E3ABC6	RGB 227 171 198	#E3ABC6
16.7%	16.7% #DB98B8	RGB 219 152 184	#DB98B8
33.3%	33.3% #D486AB	RGB 212 134 171	#D486AB
50.0%	50.0% #CC769E	RGB 204 118 158	#CC769E
66.7%	66.7% #C56692	RGB 197 102 146	#C56692
83.3%	83.3% #BD5786	RGB 189 87 134	#BD5786
100.0%	100.0% #B6497B	RGB 182 73 123	#B6497B

#E3ABC6 #DB98B8 #D486AB #CC769E #C56692 #BD5786 #B6497B

#E3ABC6 - #CC769E - #B6497B

Códigos CSS

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

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