#DB5E98 - #97044B | 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 #DB5E98 a #97044B

#DB5E98 #97044B

Calcule el color entre dos colores, #DB5E98 y #97044B. 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)

#DB5E98 - #97044B | 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 #DB5E98 como 0% y #97044B como 100%.

0.0%	0.0% #DB5E98	RGB 219 94 152	#DB5E98
16.7%	16.7% #CF4F8B	RGB 207 79 139	#CF4F8B
33.3%	33.3% #C4407E	RGB 196 64 126	#C4407E
50.0%	50.0% #B93171	RGB 185 49 113	#B93171
66.7%	66.7% #AD2164	RGB 173 33 100	#AD2164
83.3%	83.3% #A21357	RGB 162 19 87	#A21357
100.0%	100.0% #97044B	RGB 151 4 75	#97044B

#DB5E98 #CF4F8B #C4407E #B93171 #AD2164 #A21357 #97044B

#DB5E98 - #97044B

Mezcla HSV

#DB5E98 - #97044B | 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 #DB5E98 como 0% y #97044B como 100%.

0.0%	0.0% #DB5E98	RGB 219 94 152	#DB5E98
16.7%	16.7% #CF4B89	RGB 207 75 137	#CF4B89
33.3%	33.3% #C4397B	RGB 196 57 123	#C4397B
50.0%	50.0% #B92A6D	RGB 185 42 109	#B92A6D
66.7%	66.7% #AD1B61	RGB 173 27 97	#AD1B61
83.3%	83.3% #A20F55	RGB 162 15 85	#A20F55
100.0%	100.0% #97044B	RGB 151 4 75	#97044B

#DB5E98 #CF4B89 #C4397B #B92A6D #AD1B61 #A20F55 #97044B

#DB5E98 - #B92A6D - #97044B

Códigos CSS

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

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