#EFB5E3 - #CA47A0 | 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 #EFB5E3 a #CA47A0

#EFB5E3 #CA47A0

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

#EFB5E3 - #CA47A0 | 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 #EFB5E3 como 0% y #CA47A0 como 100%.

0.0%	0.0% #EFB5E3	RGB 239 181 227	#EFB5E3
16.7%	16.7% #E8A2D7	RGB 232 162 215	#E8A2D7
33.3%	33.3% #E290CC	RGB 226 144 204	#E290CC
50.0%	50.0% #DC7EC1	RGB 220 126 193	#DC7EC1
66.7%	66.7% #D66BB6	RGB 214 107 182	#D66BB6
83.3%	83.3% #D059AB	RGB 208 89 171	#D059AB
100.0%	100.0% #CA47A0	RGB 202 71 160	#CA47A0

#EFB5E3 #E8A2D7 #E290CC #DC7EC1 #D66BB6 #D059AB #CA47A0

#EFB5E3 - #CA47A0

Mezcla HSV

#EFB5E3 - #CA47A0 | 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 #EFB5E3 como 0% y #CA47A0 como 100%.

0.0%	0.0% #EFB5E3	RGB 239 181 227	#EFB5E3
16.7%	16.7% #E8A0D8	RGB 232 160 216	#E8A0D8
33.3%	33.3% #E28CCD	RGB 226 140 205	#E28CCD
50.0%	50.0% #DC7AC2	RGB 220 122 194	#DC7AC2
66.7%	66.7% #D668B7	RGB 214 104 183	#D668B7
83.3%	83.3% #D057AB	RGB 208 87 171	#D057AB
100.0%	100.0% #CA47A0	RGB 202 71 160	#CA47A0

#EFB5E3 #E8A0D8 #E28CCD #DC7AC2 #D668B7 #D057AB #CA47A0

#EFB5E3 - #DC7AC2 - #CA47A0

Códigos CSS

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

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