#B2FFFF - #DAE2D4 | 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 #B2FFFF a #DAE2D4

#B2FFFF #DAE2D4

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

#B2FFFF - #DAE2D4 | 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 #B2FFFF como 0% y #DAE2D4 como 100%.

0.0%	0.0% #B2FFFF	RGB 178 255 255	#B2FFFF
16.7%	16.7% #B8FAF7	RGB 184 250 247	#B8FAF7
33.3%	33.3% #BFF5F0	RGB 191 245 240	#BFF5F0
50.0%	50.0% #C6F0E9	RGB 198 240 233	#C6F0E9
66.7%	66.7% #CCEBE2	RGB 204 235 226	#CCEBE2
83.3%	83.3% #D3E6DB	RGB 211 230 219	#D3E6DB
100.0%	100.0% #DAE2D4	RGB 218 226 212	#DAE2D4

#B2FFFF #B8FAF7 #BFF5F0 #C6F0E9 #CCEBE2 #D3E6DB #DAE2D4

#B2FFFF - #DAE2D4

Mezcla HSV

#B2FFFF - #DAE2D4 | 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 #B2FFFF como 0% y #DAE2D4 como 100%.

0.0%	0.0% #B2FFFF	RGB 178 255 255	#B2FFFF
16.7%	16.7% #B8FAEA	RGB 184 250 234	#B8FAEA
33.3%	33.3% #BEF5DB	RGB 190 245 219	#BEF5DB
50.0%	50.0% #C4F0D1	RGB 196 240 209	#C4F0D1
66.7%	66.7% #CAEBCB	RGB 202 235 203	#CAEBCB
83.3%	83.3% #D3E6CF	RGB 211 230 207	#D3E6CF
100.0%	100.0% #DAE2D4	RGB 218 226 212	#DAE2D4

#B2FFFF #B8FAEA #BEF5DB #C4F0D1 #CAEBCB #D3E6CF #DAE2D4

#B2FFFF - #C4F0D1 - #DAE2D4

Códigos CSS

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

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