#D0A8C9 - #FFEBE2 | 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 #D0A8C9 a #FFEBE2

#D0A8C9 #FFEBE2

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

#D0A8C9 - #FFEBE2 | 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 #D0A8C9 como 0% y #FFEBE2 como 100%.

0.0%	0.0% #D0A8C9	RGB 208 168 201	#D0A8C9
16.7%	16.7% #D7B3CD	RGB 215 179 205	#D7B3CD
33.3%	33.3% #DFBED1	RGB 223 190 209	#DFBED1
50.0%	50.0% #E7C9D5	RGB 231 201 213	#E7C9D5
66.7%	66.7% #EFD4D9	RGB 239 212 217	#EFD4D9
83.3%	83.3% #F7DFDD	RGB 247 223 221	#F7DFDD
100.0%	100.0% #FFEBE2	RGB 255 235 226	#FFEBE2

#D0A8C9 #D7B3CD #DFBED1 #E7C9D5 #EFD4D9 #F7DFDD #FFEBE2

#D0A8C9 - #FFEBE2

Mezcla HSV

#D0A8C9 - #FFEBE2 | 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 #D0A8C9 como 0% y #FFEBE2 como 100%.

0.0%	0.0% #D0A8C9	RGB 208 168 201	#D0A8C9
16.7%	16.7% #D7B1C9	RGB 215 177 201	#D7B1C9
33.3%	33.3% #DFBACB	RGB 223 186 203	#DFBACB
50.0%	50.0% #E7C4CD	RGB 231 196 205	#E7C4CD
66.7%	66.7% #EFCDD0	RGB 239 205 208	#EFCDD0
83.3%	83.3% #F7DBD7	RGB 247 219 215	#F7DBD7
100.0%	100.0% #FFEBE2	RGB 255 235 226	#FFEBE2

#D0A8C9 #D7B1C9 #DFBACB #E7C4CD #EFCDD0 #F7DBD7 #FFEBE2

#D0A8C9 - #E7C4CD - #FFEBE2

Códigos CSS

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

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