#919E8D - #D3EAAA | 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 #919E8D a #D3EAAA

#919E8D #D3EAAA

Calcule el color entre dos colores, #919E8D y #D3EAAA. 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)

#919E8D - #D3EAAA | 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 #919E8D como 0% y #D3EAAA como 100%.

0.0%	0.0% #919E8D	RGB 145 158 141	#919E8D
16.7%	16.7% #9CAA91	RGB 156 170 145	#9CAA91
33.3%	33.3% #A7B796	RGB 167 183 150	#A7B796
50.0%	50.0% #B2C49B	RGB 178 196 155	#B2C49B
66.7%	66.7% #BDD0A0	RGB 189 208 160	#BDD0A0
83.3%	83.3% #C8DDA5	RGB 200 221 165	#C8DDA5
100.0%	100.0% #D3EAAA	RGB 211 234 170	#D3EAAA

#919E8D #9CAA91 #A7B796 #B2C49B #BDD0A0 #C8DDA5 #D3EAAA

#919E8D - #D3EAAA

Mezcla HSV

#919E8D - #D3EAAA | 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 #919E8D como 0% y #D3EAAA como 100%.

0.0%	0.0% #919E8D	RGB 145 158 141	#919E8D
16.7%	16.7% #9AAA93	RGB 154 170 147	#9AAA93
33.3%	33.3% #A4B799	RGB 164 183 153	#A4B799
50.0%	50.0% #AFC49E	RGB 175 196 158	#AFC49E
66.7%	66.7% #BAD0A3	RGB 186 208 163	#BAD0A3
83.3%	83.3% #C6DDA6	RGB 198 221 166	#C6DDA6
100.0%	100.0% #D3EAAA	RGB 211 234 170	#D3EAAA

#919E8D #9AAA93 #A4B799 #AFC49E #BAD0A3 #C6DDA6 #D3EAAA

#919E8D - #AFC49E - #D3EAAA

Códigos CSS

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

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