#B5E5D3 - #D7E3CD | 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 #B5E5D3 a #D7E3CD

#B5E5D3 #D7E3CD

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

#B5E5D3 - #D7E3CD | 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 #B5E5D3 como 0% y #D7E3CD como 100%.

0.0%	0.0% #B5E5D3	RGB 181 229 211	#B5E5D3
16.7%	16.7% #BAE4D2	RGB 186 228 210	#BAE4D2
33.3%	33.3% #C0E4D1	RGB 192 228 209	#C0E4D1
50.0%	50.0% #C6E4D0	RGB 198 228 208	#C6E4D0
66.7%	66.7% #CBE3CF	RGB 203 227 207	#CBE3CF
83.3%	83.3% #D1E3CE	RGB 209 227 206	#D1E3CE
100.0%	100.0% #D7E3CD	RGB 215 227 205	#D7E3CD

#B5E5D3 #BAE4D2 #C0E4D1 #C6E4D0 #CBE3CF #D1E3CE #D7E3CD

#B5E5D3 - #D7E3CD

Mezcla HSV

#B5E5D3 - #D7E3CD | 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 #B5E5D3 como 0% y #D7E3CD como 100%.

0.0%	0.0% #B5E5D3	RGB 181 229 211	#B5E5D3
16.7%	16.7% #B9E4CC	RGB 185 228 204	#B9E4CC
33.3%	33.3% #BDE4C7	RGB 189 228 199	#BDE4C7
50.0%	50.0% #C1E4C4	RGB 193 228 196	#C1E4C4
66.7%	66.7% #C7E3C5	RGB 199 227 197	#C7E3C5
83.3%	83.3% #D0E3C9	RGB 208 227 201	#D0E3C9
100.0%	100.0% #D7E3CD	RGB 215 227 205	#D7E3CD

#B5E5D3 #B9E4CC #BDE4C7 #C1E4C4 #C7E3C5 #D0E3C9 #D7E3CD

#B5E5D3 - #C1E4C4 - #D7E3CD

Códigos CSS

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

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