#AD00AB - #E7B6E6 | 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 #AD00AB a #E7B6E6

#AD00AB #E7B6E6

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

#AD00AB - #E7B6E6 | 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 #AD00AB como 0% y #E7B6E6 como 100%.

0.0%	0.0% #AD00AB	RGB 173 0 171	#AD00AB
16.7%	16.7% #B61EB4	RGB 182 30 180	#B61EB4
33.3%	33.3% #C03CBE	RGB 192 60 190	#C03CBE
50.0%	50.0% #CA5BC8	RGB 202 91 200	#CA5BC8
66.7%	66.7% #D379D2	RGB 211 121 210	#D379D2
83.3%	83.3% #DD97DC	RGB 221 151 220	#DD97DC
100.0%	100.0% #E7B6E6	RGB 231 182 230	#E7B6E6

#AD00AB #B61EB4 #C03CBE #CA5BC8 #D379D2 #DD97DC #E7B6E6

#AD00AB - #E7B6E6

Mezcla HSV

#AD00AB - #E7B6E6 | 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 #AD00AB como 0% y #E7B6E6 como 100%.

0.0%	0.0% #AD00AB	RGB 173 0 171	#AD00AB
16.7%	16.7% #B617B4	RGB 182 23 180	#B617B4
33.3%	33.3% #C032BE	RGB 192 50 190	#C032BE
50.0%	50.0% #CA4FC8	RGB 202 79 200	#CA4FC8
66.7%	66.7% #D36FD1	RGB 211 111 209	#D36FD1
83.3%	83.3% #DD91DB	RGB 221 145 219	#DD91DB
100.0%	100.0% #E7B6E6	RGB 231 182 230	#E7B6E6

#AD00AB #B617B4 #C032BE #CA4FC8 #D36FD1 #DD91DB #E7B6E6

#AD00AB - #CA4FC8 - #E7B6E6

Códigos CSS

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

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