#DBFFFA - #8BE5E7 | 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 #DBFFFA a #8BE5E7

#DBFFFA #8BE5E7

Calcule el color entre dos colores, #DBFFFA y #8BE5E7. 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)

#DBFFFA - #8BE5E7 | 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 #DBFFFA como 0% y #8BE5E7 como 100%.

0.0%	0.0% #DBFFFA	RGB 219 255 250	#DBFFFA
16.7%	16.7% #CDFAF6	RGB 205 250 246	#CDFAF6
33.3%	33.3% #C0F6F3	RGB 192 246 243	#C0F6F3
50.0%	50.0% #B3F2F0	RGB 179 242 240	#B3F2F0
66.7%	66.7% #A5EDED	RGB 165 237 237	#A5EDED
83.3%	83.3% #98E9EA	RGB 152 233 234	#98E9EA
100.0%	100.0% #8BE5E7	RGB 139 229 231	#8BE5E7

#DBFFFA #CDFAF6 #C0F6F3 #B3F2F0 #A5EDED #98E9EA #8BE5E7

#DBFFFA - #8BE5E7

Mezcla HSV

#DBFFFA - #8BE5E7 | 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 #DBFFFA como 0% y #8BE5E7 como 100%.

0.0%	0.0% #DBFFFA	RGB 219 255 250	#DBFFFA
16.7%	16.7% #CCFBF5	RGB 204 251 245	#CCFBF5
33.3%	33.3% #BEF7F2	RGB 190 247 242	#BEF7F2
50.0%	50.0% #B1F3EF	RGB 177 243 239	#B1F3EF
66.7%	66.7% #A4EFEC	RGB 164 239 236	#A4EFEC
83.3%	83.3% #97EBEA	RGB 151 235 234	#97EBEA
100.0%	100.0% #8BE5E7	RGB 139 229 231	#8BE5E7

#DBFFFA #CCFBF5 #BEF7F2 #B1F3EF #A4EFEC #97EBEA #8BE5E7

#DBFFFA - #B1F3EF - #8BE5E7

Códigos CSS

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

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