#D4DEC0 - #92B36D | 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 #D4DEC0 a #92B36D

#D4DEC0 #92B36D

Calcule el color entre dos colores, #D4DEC0 y #92B36D. 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)

#D4DEC0 - #92B36D | 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 #D4DEC0 como 0% y #92B36D como 100%.

0.0%	0.0% #D4DEC0	RGB 212 222 192	#D4DEC0
16.7%	16.7% #C9D6B2	RGB 201 214 178	#C9D6B2
33.3%	33.3% #BECFA4	RGB 190 207 164	#BECFA4
50.0%	50.0% #B3C896	RGB 179 200 150	#B3C896
66.7%	66.7% #A8C188	RGB 168 193 136	#A8C188
83.3%	83.3% #9DBA7A	RGB 157 186 122	#9DBA7A
100.0%	100.0% #92B36D	RGB 146 179 109	#92B36D

#D4DEC0 #C9D6B2 #BECFA4 #B3C896 #A8C188 #9DBA7A #92B36D

#D4DEC0 - #92B36D

Mezcla HSV

#D4DEC0 - #92B36D | 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 #D4DEC0 como 0% y #92B36D como 100%.

0.0%	0.0% #D4DEC0	RGB 212 222 192	#D4DEC0
16.7%	16.7% #C9D6B0	RGB 201 214 176	#C9D6B0
33.3%	33.3% #BECFA1	RGB 190 207 161	#BECFA1
50.0%	50.0% #B3C893	RGB 179 200 147	#B3C893
66.7%	66.7% #A8C186	RGB 168 193 134	#A8C186
83.3%	83.3% #9DBA79	RGB 157 186 121	#9DBA79
100.0%	100.0% #92B36D	RGB 146 179 109	#92B36D

#D4DEC0 #C9D6B0 #BECFA1 #B3C893 #A8C186 #9DBA79 #92B36D

#D4DEC0 - #B3C893 - #92B36D

Códigos CSS

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

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