#DFB5D5 - #F5E9F3 | 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 #DFB5D5 a #F5E9F3

#DFB5D5 #F5E9F3

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

#DFB5D5 - #F5E9F3 | 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 #DFB5D5 como 0% y #F5E9F3 como 100%.

0.0%	0.0% #DFB5D5	RGB 223 181 213	#DFB5D5
16.7%	16.7% #E2BDDA	RGB 226 189 218	#E2BDDA
33.3%	33.3% #E6C6DF	RGB 230 198 223	#E6C6DF
50.0%	50.0% #EACFE4	RGB 234 207 228	#EACFE4
66.7%	66.7% #EDD7E9	RGB 237 215 233	#EDD7E9
83.3%	83.3% #F1E0EE	RGB 241 224 238	#F1E0EE
100.0%	100.0% #F5E9F3	RGB 245 233 243	#F5E9F3

#DFB5D5 #E2BDDA #E6C6DF #EACFE4 #EDD7E9 #F1E0EE #F5E9F3

#DFB5D5 - #F5E9F3

Mezcla HSV

#DFB5D5 - #F5E9F3 | 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 #DFB5D5 como 0% y #F5E9F3 como 100%.

0.0%	0.0% #DFB5D5	RGB 223 181 213	#DFB5D5
16.7%	16.7% #E2BDDA	RGB 226 189 218	#E2BDDA
33.3%	33.3% #E6C5DF	RGB 230 197 223	#E6C5DF
50.0%	50.0% #EACEE4	RGB 234 206 228	#EACEE4
66.7%	66.7% #EDD6E9	RGB 237 214 233	#EDD6E9
83.3%	83.3% #F1DFEE	RGB 241 223 238	#F1DFEE
100.0%	100.0% #F5E9F3	RGB 245 233 243	#F5E9F3

#DFB5D5 #E2BDDA #E6C5DF #EACEE4 #EDD6E9 #F1DFEE #F5E9F3

#DFB5D5 - #EACEE4 - #F5E9F3

Códigos CSS

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

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