#DB5E99 - #AB1B5E | 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 #DB5E99 a #AB1B5E

#DB5E99 #AB1B5E

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

#DB5E99 - #AB1B5E | 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 #DB5E99 como 0% y #AB1B5E como 100%.

0.0%	0.0% #DB5E99	RGB 219 94 153	#DB5E99
16.7%	16.7% #D3528F	RGB 211 82 143	#D3528F
33.3%	33.3% #CB4785	RGB 203 71 133	#CB4785
50.0%	50.0% #C33C7B	RGB 195 60 123	#C33C7B
66.7%	66.7% #BB3171	RGB 187 49 113	#BB3171
83.3%	83.3% #B32667	RGB 179 38 103	#B32667
100.0%	100.0% #AB1B5E	RGB 171 27 94	#AB1B5E

#DB5E99 #D3528F #CB4785 #C33C7B #BB3171 #B32667 #AB1B5E

#DB5E99 - #AB1B5E

Mezcla HSV

#DB5E99 - #AB1B5E | 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 #DB5E99 como 0% y #AB1B5E como 100%.

0.0%	0.0% #DB5E99	RGB 219 94 153	#DB5E99
16.7%	16.7% #D3518E	RGB 211 81 142	#D3518E
33.3%	33.3% #CB4483	RGB 203 68 131	#CB4483
50.0%	50.0% #C33979	RGB 195 57 121	#C33979
66.7%	66.7% #BB2E70	RGB 187 46 112	#BB2E70
83.3%	83.3% #B32466	RGB 179 36 102	#B32466
100.0%	100.0% #AB1B5E	RGB 171 27 94	#AB1B5E

#DB5E99 #D3518E #CB4483 #C33979 #BB2E70 #B32466 #AB1B5E

#DB5E99 - #C33979 - #AB1B5E

Códigos CSS

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

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