#E1B6DF - #CBCEE3 | 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 #E1B6DF a #CBCEE3

#E1B6DF #CBCEE3

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

#E1B6DF - #CBCEE3 | 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 #E1B6DF como 0% y #CBCEE3 como 100%.

0.0%	0.0% #E1B6DF	RGB 225 182 223	#E1B6DF
16.7%	16.7% #DDBADF	RGB 221 186 223	#DDBADF
33.3%	33.3% #D9BEE0	RGB 217 190 224	#D9BEE0
50.0%	50.0% #D6C2E1	RGB 214 194 225	#D6C2E1
66.7%	66.7% #D2C6E1	RGB 210 198 225	#D2C6E1
83.3%	83.3% #CECAE2	RGB 206 202 226	#CECAE2
100.0%	100.0% #CBCEE3	RGB 203 206 227	#CBCEE3

#E1B6DF #DDBADF #D9BEE0 #D6C2E1 #D2C6E1 #CECAE2 #CBCEE3

#E1B6DF - #CBCEE3

Mezcla HSV

#E1B6DF - #CBCEE3 | 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 #E1B6DF como 0% y #CBCEE3 como 100%.

0.0%	0.0% #E1B6DF	RGB 225 182 223	#E1B6DF
16.7%	16.7% #DBB9E1	RGB 219 185 225	#DBB9E1
33.3%	33.3% #D5BCE1	RGB 213 188 225	#D5BCE1
50.0%	50.0% #CFC0E2	RGB 207 192 226	#CFC0E2
66.7%	66.7% #CCC3E2	RGB 204 195 226	#CCC3E2
83.3%	83.3% #C9C7E2	RGB 201 199 226	#C9C7E2
100.0%	100.0% #CBCEE3	RGB 203 206 227	#CBCEE3

#E1B6DF #DBB9E1 #D5BCE1 #CFC0E2 #CCC3E2 #C9C7E2 #CBCEE3

#E1B6DF - #CFC0E2 - #CBCEE3

Códigos CSS

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

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