#DFB5E2 - #B647B5 | 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 #DFB5E2 a #B647B5

#DFB5E2 #B647B5

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

#DFB5E2 - #B647B5 | 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 #DFB5E2 como 0% y #B647B5 como 100%.

0.0%	0.0% #DFB5E2	RGB 223 181 226	#DFB5E2
16.7%	16.7% #D8A2DA	RGB 216 162 218	#D8A2DA
33.3%	33.3% #D190D3	RGB 209 144 211	#D190D3
50.0%	50.0% #CA7ECB	RGB 202 126 203	#CA7ECB
66.7%	66.7% #C36BC4	RGB 195 107 196	#C36BC4
83.3%	83.3% #BC59BC	RGB 188 89 188	#BC59BC
100.0%	100.0% #B647B5	RGB 182 71 181	#B647B5

#DFB5E2 #D8A2DA #D190D3 #CA7ECB #C36BC4 #BC59BC #B647B5

#DFB5E2 - #B647B5

Mezcla HSV

#DFB5E2 - #B647B5 | 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 #DFB5E2 como 0% y #B647B5 como 100%.

0.0%	0.0% #DFB5E2	RGB 223 181 226	#DFB5E2
16.7%	16.7% #D7A0DA	RGB 215 160 218	#D7A0DA
33.3%	33.3% #D08CD3	RGB 208 140 211	#D08CD3
50.0%	50.0% #C979CC	RGB 201 121 204	#C979CC
66.7%	66.7% #C367C4	RGB 195 103 196	#C367C4
83.3%	83.3% #BC56BD	RGB 188 86 189	#BC56BD
100.0%	100.0% #B647B5	RGB 182 71 181	#B647B5

#DFB5E2 #D7A0DA #D08CD3 #C979CC #C367C4 #BC56BD #B647B5

#DFB5E2 - #C979CC - #B647B5

Códigos CSS

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

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