#A6004F - #DEA1F7 | 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 #A6004F a #DEA1F7

#A6004F #DEA1F7

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

#A6004F - #DEA1F7 | 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 #A6004F como 0% y #DEA1F7 como 100%.

0.0%	0.0% #A6004F	RGB 166 0 79	#A6004F
16.7%	16.7% #AF1A6B	RGB 175 26 107	#AF1A6B
33.3%	33.3% #B83587	RGB 184 53 135	#B83587
50.0%	50.0% #C250A3	RGB 194 80 163	#C250A3
66.7%	66.7% #CB6BBF	RGB 203 107 191	#CB6BBF
83.3%	83.3% #D486DB	RGB 212 134 219	#D486DB
100.0%	100.0% #DEA1F7	RGB 222 161 247	#DEA1F7

#A6004F #AF1A6B #B83587 #C250A3 #CB6BBF #D486DB #DEA1F7

#A6004F - #DEA1F7

Mezcla HSV

#A6004F - #DEA1F7 | 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 #A6004F como 0% y #DEA1F7 como 100%.

0.0%	0.0% #A6004F	RGB 166 0 79	#A6004F
16.7%	16.7% #B31375	RGB 179 19 117	#B31375
33.3%	33.3% #C1299A	RGB 193 41 154	#C1299A
50.0%	50.0% #CE43BE	RGB 206 67 190	#CE43BE
66.7%	66.7% #D95FDC	RGB 217 95 220	#D95FDC
83.3%	83.3% #D87EE9	RGB 216 126 233	#D87EE9
100.0%	100.0% #DEA1F7	RGB 222 161 247	#DEA1F7

#A6004F #B31375 #C1299A #CE43BE #D95FDC #D87EE9 #DEA1F7

#A6004F - #CE43BE - #DEA1F7

Códigos CSS

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

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