#D5E3C9 - #3C4039 | 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 #D5E3C9 a #3C4039

#D5E3C9 #3C4039

Calcule el color entre dos colores, #D5E3C9 y #3C4039. 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)

#D5E3C9 - #3C4039 | 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 #D5E3C9 como 0% y #3C4039 como 100%.

0.0%	0.0% #D5E3C9	RGB 213 227 201	#D5E3C9
16.7%	16.7% #BBC7B1	RGB 187 199 177	#BBC7B1
33.3%	33.3% #A2AC99	RGB 162 172 153	#A2AC99
50.0%	50.0% #889181	RGB 136 145 129	#889181
66.7%	66.7% #6F7669	RGB 111 118 105	#6F7669
83.3%	83.3% #555B51	RGB 85 91 81	#555B51
100.0%	100.0% #3C4039	RGB 60 64 57	#3C4039

#D5E3C9 #BBC7B1 #A2AC99 #889181 #6F7669 #555B51 #3C4039

#D5E3C9 - #3C4039

Mezcla HSV

#D5E3C9 - #3C4039 | 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 #D5E3C9 como 0% y #3C4039 como 100%.

0.0%	0.0% #D5E3C9	RGB 213 227 201	#D5E3C9
16.7%	16.7% #BBC7B1	RGB 187 199 177	#BBC7B1
33.3%	33.3% #A1AC99	RGB 161 172 153	#A1AC99
50.0%	50.0% #889181	RGB 136 145 129	#889181
66.7%	66.7% #6E7669	RGB 110 118 105	#6E7669
83.3%	83.3% #555B51	RGB 85 91 81	#555B51
100.0%	100.0% #3C4039	RGB 60 64 57	#3C4039

#D5E3C9 #BBC7B1 #A1AC99 #889181 #6E7669 #555B51 #3C4039

#D5E3C9 - #889181 - #3C4039

Códigos CSS

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

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