#B7DFD4 - #D5E5C8 | 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 #B7DFD4 a #D5E5C8

#B7DFD4 #D5E5C8

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

#B7DFD4 - #D5E5C8 | 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 #B7DFD4 como 0% y #D5E5C8 como 100%.

0.0%	0.0% #B7DFD4	RGB 183 223 212	#B7DFD4
16.7%	16.7% #BCE0D2	RGB 188 224 210	#BCE0D2
33.3%	33.3% #C1E1D0	RGB 193 225 208	#C1E1D0
50.0%	50.0% #C6E2CE	RGB 198 226 206	#C6E2CE
66.7%	66.7% #CBE3CC	RGB 203 227 204	#CBE3CC
83.3%	83.3% #D0E4CA	RGB 208 228 202	#D0E4CA
100.0%	100.0% #D5E5C8	RGB 213 229 200	#D5E5C8

#B7DFD4 #BCE0D2 #C1E1D0 #C6E2CE #CBE3CC #D0E4CA #D5E5C8

#B7DFD4 - #D5E5C8

Mezcla HSV

#B7DFD4 - #D5E5C8 | 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 #B7DFD4 como 0% y #D5E5C8 como 100%.

0.0%	0.0% #B7DFD4	RGB 183 223 212	#B7DFD4
16.7%	16.7% #B9E0CE	RGB 185 224 206	#B9E0CE
33.3%	33.3% #BCE1C8	RGB 188 225 200	#BCE1C8
50.0%	50.0% #BFE2C4	RGB 191 226 196	#BFE2C4
66.7%	66.7% #C4E3C2	RGB 196 227 194	#C4E3C2
83.3%	83.3% #CCE4C5	RGB 204 228 197	#CCE4C5
100.0%	100.0% #D5E5C8	RGB 213 229 200	#D5E5C8

#B7DFD4 #B9E0CE #BCE1C8 #BFE2C4 #C4E3C2 #CCE4C5 #D5E5C8

#B7DFD4 - #BFE2C4 - #D5E5C8

Códigos CSS

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

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