#DF8FAC - #A92F5E | 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 #DF8FAC a #A92F5E

#DF8FAC #A92F5E

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

#DF8FAC - #A92F5E | 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 #DF8FAC como 0% y #A92F5E como 100%.

0.0%	0.0% #DF8FAC	RGB 223 143 172	#DF8FAC
16.7%	16.7% #D67F9F	RGB 214 127 159	#D67F9F
33.3%	33.3% #CD6F92	RGB 205 111 146	#CD6F92
50.0%	50.0% #C45F85	RGB 196 95 133	#C45F85
66.7%	66.7% #BB4F78	RGB 187 79 120	#BB4F78
83.3%	83.3% #B23F6B	RGB 178 63 107	#B23F6B
100.0%	100.0% #A92F5E	RGB 169 47 94	#A92F5E

#DF8FAC #D67F9F #CD6F92 #C45F85 #BB4F78 #B23F6B #A92F5E

#DF8FAC - #A92F5E

Mezcla HSV

#DF8FAC - #A92F5E | 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 #DF8FAC como 0% y #A92F5E como 100%.

0.0%	0.0% #DF8FAB	RGB 223 143 171	#DF8FAB
16.7%	16.7% #D67C9D	RGB 214 124 157	#D67C9D
33.3%	33.3% #CD6A8F	RGB 205 106 143	#CD6A8F
50.0%	50.0% #C45A81	RGB 196 90 129	#C45A81
66.7%	66.7% #BB4A75	RGB 187 74 117	#BB4A75
83.3%	83.3% #B23C69	RGB 178 60 105	#B23C69
100.0%	100.0% #A92F5E	RGB 169 47 94	#A92F5E

#DF8FAB #D67C9D #CD6A8F #C45A81 #BB4A75 #B23C69 #A92F5E

#DF8FAC - #C45A81 - #A92F5E

Códigos CSS

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

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