#B7E5E0 - #D3E4CC | 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 #B7E5E0 a #D3E4CC

#B7E5E0 #D3E4CC

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

#B7E5E0 - #D3E4CC | 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 #B7E5E0 como 0% y #D3E4CC como 100%.

0.0%	0.0% #B7E5E0	RGB 183 229 224	#B7E5E0
16.7%	16.7% #BBE4DC	RGB 187 228 220	#BBE4DC
33.3%	33.3% #C0E4D9	RGB 192 228 217	#C0E4D9
50.0%	50.0% #C5E4D6	RGB 197 228 214	#C5E4D6
66.7%	66.7% #C9E4D2	RGB 201 228 210	#C9E4D2
83.3%	83.3% #CEE4CF	RGB 206 228 207	#CEE4CF
100.0%	100.0% #D3E4CC	RGB 211 228 204	#D3E4CC

#B7E5E0 #BBE4DC #C0E4D9 #C5E4D6 #C9E4D2 #CEE4CF #D3E4CC

#B7E5E0 - #D3E4CC

Mezcla HSV

#B7E5E0 - #D3E4CC | 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 #B7E5E0 como 0% y #D3E4CC como 100%.

0.0%	0.0% #B7E5E0	RGB 183 229 224	#B7E5E0
16.7%	16.7% #BAE4D7	RGB 186 228 215	#BAE4D7
33.3%	33.3% #BEE4D1	RGB 190 228 209	#BEE4D1
50.0%	50.0% #C1E4CC	RGB 193 228 204	#C1E4CC
66.7%	66.7% #C5E4C8	RGB 197 228 200	#C5E4C8
83.3%	83.3% #CBE4C8	RGB 203 228 200	#CBE4C8
100.0%	100.0% #D3E4CC	RGB 211 228 204	#D3E4CC

#B7E5E0 #BAE4D7 #BEE4D1 #C1E4CC #C5E4C8 #CBE4C8 #D3E4CC

#B7E5E0 - #C1E4CC - #D3E4CC

Códigos CSS

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

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