#E5A8C7 - #B8447C | 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 #E5A8C7 a #B8447C

#E5A8C7 #B8447C

Calcule el color entre dos colores, #E5A8C7 y #B8447C. 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)

#E5A8C7 - #B8447C | 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 #E5A8C7 como 0% y #B8447C como 100%.

0.0%	0.0% #E5A8C7	RGB 229 168 199	#E5A8C7
16.7%	16.7% #DD97BA	RGB 221 151 186	#DD97BA
33.3%	33.3% #D686AE	RGB 214 134 174	#D686AE
50.0%	50.0% #CE76A1	RGB 206 118 161	#CE76A1
66.7%	66.7% #C76595	RGB 199 101 149	#C76595
83.3%	83.3% #BF5488	RGB 191 84 136	#BF5488
100.0%	100.0% #B8447C	RGB 184 68 124	#B8447C

#E5A8C7 #DD97BA #D686AE #CE76A1 #C76595 #BF5488 #B8447C

#E5A8C7 - #B8447C

Mezcla HSV

#E5A8C7 - #B8447C | 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 #E5A8C7 como 0% y #B8447C como 100%.

0.0%	0.0% #E5A8C7	RGB 229 168 199	#E5A8C7
16.7%	16.7% #DD95B9	RGB 221 149 185	#DD95B9
33.3%	33.3% #D683AC	RGB 214 131 172	#D683AC
50.0%	50.0% #CE719F	RGB 206 113 159	#CE719F
66.7%	66.7% #C76193	RGB 199 97 147	#C76193
83.3%	83.3% #BF5287	RGB 191 82 135	#BF5287
100.0%	100.0% #B8447C	RGB 184 68 124	#B8447C

#E5A8C7 #DD95B9 #D683AC #CE719F #C76193 #BF5287 #B8447C

#E5A8C7 - #CE719F - #B8447C

Códigos CSS

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

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