#D5E3C0 - #91BC6D | 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 #D5E3C0 a #91BC6D

#D5E3C0 #91BC6D

Calcule el color entre dos colores, #D5E3C0 y #91BC6D. 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)

#D5E3C0 - #91BC6D | 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 #D5E3C0 como 0% y #91BC6D como 100%.

0.0%	0.0% #D5E3C0	RGB 213 227 192	#D5E3C0
16.7%	16.7% #C9DCB2	RGB 201 220 178	#C9DCB2
33.3%	33.3% #BED6A4	RGB 190 214 164	#BED6A4
50.0%	50.0% #B3CF96	RGB 179 207 150	#B3CF96
66.7%	66.7% #A7C988	RGB 167 201 136	#A7C988
83.3%	83.3% #9CC27A	RGB 156 194 122	#9CC27A
100.0%	100.0% #91BC6D	RGB 145 188 109	#91BC6D

#D5E3C0 #C9DCB2 #BED6A4 #B3CF96 #A7C988 #9CC27A #91BC6D

#D5E3C0 - #91BC6D

Mezcla HSV

#D5E3C0 - #91BC6D | 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 #D5E3C0 como 0% y #91BC6D como 100%.

0.0%	0.0% #D5E3C0	RGB 213 227 192	#D5E3C0
16.7%	16.7% #C9DCB0	RGB 201 220 176	#C9DCB0
33.3%	33.3% #BED6A2	RGB 190 214 162	#BED6A2
50.0%	50.0% #B3CF93	RGB 179 207 147	#B3CF93
66.7%	66.7% #A7C986	RGB 167 201 134	#A7C986
83.3%	83.3% #9CC279	RGB 156 194 121	#9CC279
100.0%	100.0% #91BC6D	RGB 145 188 109	#91BC6D

#D5E3C0 #C9DCB0 #BED6A2 #B3CF93 #A7C986 #9CC279 #91BC6D

#D5E3C0 - #B3CF93 - #91BC6D

Códigos CSS

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

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