#D6D891 - #E1BFD1 | 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 #D6D891 a #E1BFD1

#D6D891 #E1BFD1

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

#D6D891 - #E1BFD1 | 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 #D6D891 como 0% y #E1BFD1 como 100%.

0.0%	0.0% #D6D891	RGB 214 216 145	#D6D891
16.7%	16.7% #D7D39B	RGB 215 211 155	#D7D39B
33.3%	33.3% #D9CFA6	RGB 217 207 166	#D9CFA6
50.0%	50.0% #DBCBB1	RGB 219 203 177	#DBCBB1
66.7%	66.7% #DDC7BB	RGB 221 199 187	#DDC7BB
83.3%	83.3% #DFC3C6	RGB 223 195 198	#DFC3C6
100.0%	100.0% #E1BFD1	RGB 225 191 209	#E1BFD1

#D6D891 #D7D39B #D9CFA6 #DBCBB1 #DDC7BB #DFC3C6 #E1BFD1

#D6D891 - #E1BFD1

Mezcla HSV

#D6D891 - #E1BFD1 | 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 #D6D891 como 0% y #E1BFD1 como 100%.

0.0%	0.0% #D6D891	RGB 214 216 145	#D6D891
16.7%	16.7% #D9CA98	RGB 217 202 152	#D9CA98
33.3%	33.3% #DBBE9F	RGB 219 190 159	#DBBE9F
50.0%	50.0% #DCB4A7	RGB 220 180 167	#DCB4A7
66.7%	66.7% #DEAFAF	RGB 222 175 175	#DEAFAF
83.3%	83.3% #DFB7C2	RGB 223 183 194	#DFB7C2
100.0%	100.0% #E1BFD1	RGB 225 191 209	#E1BFD1

#D6D891 #D9CA98 #DBBE9F #DCB4A7 #DEAFAF #DFB7C2 #E1BFD1

#D6D891 - #DCB4A7 - #E1BFD1

Códigos CSS

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

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