#D5BCE7 - #D4D5E2 | 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 #D5BCE7 a #D4D5E2

#D5BCE7 #D4D5E2

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

#D5BCE7 - #D4D5E2 | 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 #D5BCE7 como 0% y #D4D5E2 como 100%.

0.0%	0.0% #D5BCE7	RGB 213 188 231	#D5BCE7
16.7%	16.7% #D4C0E6	RGB 212 192 230	#D4C0E6
33.3%	33.3% #D4C4E5	RGB 212 196 229	#D4C4E5
50.0%	50.0% #D4C8E4	RGB 212 200 228	#D4C8E4
66.7%	66.7% #D4CCE3	RGB 212 204 227	#D4CCE3
83.3%	83.3% #D4D0E2	RGB 212 208 226	#D4D0E2
100.0%	100.0% #D4D5E2	RGB 212 213 226	#D4D5E2

#D5BCE7 #D4C0E6 #D4C4E5 #D4C8E4 #D4CCE3 #D4D0E2 #D4D5E2

#D5BCE7 - #D4D5E2

Mezcla HSV

#D5BCE7 - #D4D5E2 | 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 #D5BCE7 como 0% y #D4D5E2 como 100%.

0.0%	0.0% #D5BCE7	RGB 213 188 231	#D5BCE7
16.7%	16.7% #D2C0E6	RGB 210 192 230	#D2C0E6
33.3%	33.3% #D0C4E5	RGB 208 196 229	#D0C4E5
50.0%	50.0% #CFC8E4	RGB 207 200 228	#CFC8E4
66.7%	66.7% #CFCCE3	RGB 207 204 227	#CFCCE3
83.3%	83.3% #D0D0E2	RGB 208 208 226	#D0D0E2
100.0%	100.0% #D4D5E2	RGB 212 213 226	#D4D5E2

#D5BCE7 #D2C0E6 #D0C4E5 #CFC8E4 #CFCCE3 #D0D0E2 #D4D5E2

#D5BCE7 - #CFC8E4 - #D4D5E2

Códigos CSS

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

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