#EEB0FF - #AF3ECE | 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 #EEB0FF a #AF3ECE

#EEB0FF #AF3ECE

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

#EEB0FF - #AF3ECE | 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 #EEB0FF como 0% y #AF3ECE como 100%.

0.0%	0.0% #EEB0FF	RGB 238 176 255	#EEB0FF
16.7%	16.7% #E39DF6	RGB 227 157 246	#E39DF6
33.3%	33.3% #D98AEE	RGB 217 138 238	#D98AEE
50.0%	50.0% #CE77E6	RGB 206 119 230	#CE77E6
66.7%	66.7% #C464DE	RGB 196 100 222	#C464DE
83.3%	83.3% #B951D6	RGB 185 81 214	#B951D6
100.0%	100.0% #AF3ECE	RGB 175 62 206	#AF3ECE

#EEB0FF #E39DF6 #D98AEE #CE77E6 #C464DE #B951D6 #AF3ECE

#EEB0FF - #AF3ECE

Mezcla HSV

#EEB0FF - #AF3ECE | 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 #EEB0FF como 0% y #AF3ECE como 100%.

0.0%	0.0% #EEB0FF	RGB 238 176 255	#EEB0FF
16.7%	16.7% #E29AF6	RGB 226 154 246	#E29AF6
33.3%	33.3% #D885EE	RGB 216 133 238	#D885EE
50.0%	50.0% #CD72E6	RGB 205 114 230	#CD72E6
66.7%	66.7% #C35FDE	RGB 195 95 222	#C35FDE
83.3%	83.3% #B84ED6	RGB 184 78 214	#B84ED6
100.0%	100.0% #AF3ECE	RGB 175 62 206	#AF3ECE

#EEB0FF #E29AF6 #D885EE #CD72E6 #C35FDE #B84ED6 #AF3ECE

#EEB0FF - #CD72E6 - #AF3ECE

Códigos CSS

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

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