#EB6BAB - #AD045E | 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 #EB6BAB a #AD045E

#EB6BAB #AD045E

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

#EB6BAB - #AD045E | 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 #EB6BAB como 0% y #AD045E como 100%.

0.0%	0.0% #EB6BAB	RGB 235 107 171	#EB6BAB
16.7%	16.7% #E0599E	RGB 224 89 158	#E0599E
33.3%	33.3% #D64891	RGB 214 72 145	#D64891
50.0%	50.0% #CC3784	RGB 204 55 132	#CC3784
66.7%	66.7% #C12677	RGB 193 38 119	#C12677
83.3%	83.3% #B7156A	RGB 183 21 106	#B7156A
100.0%	100.0% #AD045E	RGB 173 4 94	#AD045E

#EB6BAB #E0599E #D64891 #CC3784 #C12677 #B7156A #AD045E

#EB6BAB - #AD045E

Mezcla HSV

#EB6BAB - #AD045E | 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 #EB6BAB como 0% y #AD045E como 100%.

0.0%	0.0% #EB6BAB	RGB 235 107 171	#EB6BAB
16.7%	16.7% #E0569C	RGB 224 86 156	#E0569C
33.3%	33.3% #D6428E	RGB 214 66 142	#D6428E
50.0%	50.0% #CC3080	RGB 204 48 128	#CC3080
66.7%	66.7% #C12074	RGB 193 32 116	#C12074
83.3%	83.3% #B71168	RGB 183 17 104	#B71168
100.0%	100.0% #AD045E	RGB 173 4 94	#AD045E

#EB6BAB #E0569C #D6428E #CC3080 #C12074 #B71168 #AD045E

#EB6BAB - #CC3080 - #AD045E

Códigos CSS

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

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