#AA4E85 - #E6CCDC | 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 #AA4E85 a #E6CCDC

#AA4E85 #E6CCDC

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

#AA4E85 - #E6CCDC | 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 #AA4E85 como 0% y #E6CCDC como 100%.

0.0%	0.0% #AA4E85	RGB 170 78 133	#AA4E85
16.7%	16.7% #B46393	RGB 180 99 147	#B46393
33.3%	33.3% #BE78A2	RGB 190 120 162	#BE78A2
50.0%	50.0% #C88DB0	RGB 200 141 176	#C88DB0
66.7%	66.7% #D2A2BF	RGB 210 162 191	#D2A2BF
83.3%	83.3% #DCB7CD	RGB 220 183 205	#DCB7CD
100.0%	100.0% #E6CCDC	RGB 230 204 220	#E6CCDC

#AA4E85 #B46393 #BE78A2 #C88DB0 #D2A2BF #DCB7CD #E6CCDC

#AA4E85 - #E6CCDC

Mezcla HSV

#AA4E85 - #E6CCDC | 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 #AA4E85 como 0% y #E6CCDC como 100%.

0.0%	0.0% #AA4E85	RGB 170 78 133	#AA4E85
16.7%	16.7% #B45F92	RGB 180 95 146	#B45F92
33.3%	33.3% #BE729F	RGB 190 114 159	#BE729F
50.0%	50.0% #C886AE	RGB 200 134 174	#C886AE
66.7%	66.7% #D29CBD	RGB 210 156 189	#D29CBD
83.3%	83.3% #DCB3CC	RGB 220 179 204	#DCB3CC
100.0%	100.0% #E6CCDC	RGB 230 204 220	#E6CCDC

#AA4E85 #B45F92 #BE729F #C886AE #D29CBD #DCB3CC #E6CCDC

#AA4E85 - #C886AE - #E6CCDC

Códigos CSS

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

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