#A900AA - #FF5CC5 | 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 #A900AA a #FF5CC5

#A900AA #FF5CC5

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

#A900AA - #FF5CC5 | 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 #A900AA como 0% y #FF5CC5 como 100%.

0.0%	0.0% #A900AA	RGB 169 0 170	#A900AA
16.7%	16.7% #B70FAE	RGB 183 15 174	#B70FAE
33.3%	33.3% #C51EB3	RGB 197 30 179	#C51EB3
50.0%	50.0% #D42EB7	RGB 212 46 183	#D42EB7
66.7%	66.7% #E23DBC	RGB 226 61 188	#E23DBC
83.3%	83.3% #F04CC0	RGB 240 76 192	#F04CC0
100.0%	100.0% #FF5CC5	RGB 255 92 197	#FF5CC5

#A900AA #B70FAE #C51EB3 #D42EB7 #E23DBC #F04CC0 #FF5CC5

#A900AA - #FF5CC5

Mezcla HSV

#A900AA - #FF5CC5 | 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 #A900AA como 0% y #FF5CC5 como 100%.

0.0%	0.0% #A900AA	RGB 169 0 170	#A900AA
16.7%	16.7% #B80BAE	RGB 184 11 174	#B80BAE
33.3%	33.3% #C617B2	RGB 198 23 178	#C617B2
50.0%	50.0% #D426B6	RGB 212 38 182	#D426B6
66.7%	66.7% #E236BA	RGB 226 54 186	#E236BA
83.3%	83.3% #F048BF	RGB 240 72 191	#F048BF
100.0%	100.0% #FF5CC5	RGB 255 92 197	#FF5CC5

#A900AA #B80BAE #C617B2 #D426B6 #E236BA #F048BF #FF5CC5

#A900AA - #D426B6 - #FF5CC5

Códigos CSS

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

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