#EB6AB7 - #AE006B | 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 #EB6AB7 a #AE006B

#EB6AB7 #AE006B

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

#EB6AB7 - #AE006B | 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 #EB6AB7 como 0% y #AE006B como 100%.

0.0%	0.0% #EB6AB7	RGB 235 106 183	#EB6AB7
16.7%	16.7% #E058AA	RGB 224 88 170	#E058AA
33.3%	33.3% #D6469D	RGB 214 70 157	#D6469D
50.0%	50.0% #CC3591	RGB 204 53 145	#CC3591
66.7%	66.7% #C22384	RGB 194 35 132	#C22384
83.3%	83.3% #B81177	RGB 184 17 119	#B81177
100.0%	100.0% #AE006B	RGB 174 0 107	#AE006B

#EB6AB7 #E058AA #D6469D #CC3591 #C22384 #B81177 #AE006B

#EB6AB7 - #AE006B

Mezcla HSV

#EB6AB7 - #AE006B | 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 #EB6AB7 como 0% y #AE006B como 100%.

0.0%	0.0% #EB6AB7	RGB 235 106 183	#EB6AB7
16.7%	16.7% #E054A8	RGB 224 84 168	#E054A8
33.3%	33.3% #D6409B	RGB 214 64 155	#D6409B
50.0%	50.0% #CC2E8E	RGB 204 46 142	#CC2E8E
66.7%	66.7% #C21D81	RGB 194 29 129	#C21D81
83.3%	83.3% #B80D76	RGB 184 13 118	#B80D76
100.0%	100.0% #AE006B	RGB 174 0 107	#AE006B

#EB6AB7 #E054A8 #D6409B #CC2E8E #C21D81 #B80D76 #AE006B

#EB6AB7 - #CC2E8E - #AE006B

Códigos CSS

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

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