#F2FFFE - #8FDFDB | 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 #F2FFFE a #8FDFDB

#F2FFFE #8FDFDB

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

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

0.0%	0.0% #F2FFFE	RGB 242 255 254	#F2FFFE
16.7%	16.7% #E1F9F8	RGB 225 249 248	#E1F9F8
33.3%	33.3% #D1F4F2	RGB 209 244 242	#D1F4F2
50.0%	50.0% #C0EFEC	RGB 192 239 236	#C0EFEC
66.7%	66.7% #B0E9E6	RGB 176 233 230	#B0E9E6
83.3%	83.3% #9FE4E0	RGB 159 228 224	#9FE4E0
100.0%	100.0% #8FDFDB	RGB 143 223 219	#8FDFDB

#F2FFFE #E1F9F8 #D1F4F2 #C0EFEC #B0E9E6 #9FE4E0 #8FDFDB

#F2FFFE - #8FDFDB

Mezcla HSV

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

0.0%	0.0% #F2FFFE	RGB 242 255 254	#F2FFFE
16.7%	16.7% #E0F9F7	RGB 224 249 247	#E0F9F7
33.3%	33.3% #CEF4F1	RGB 206 244 241	#CEF4F1
50.0%	50.0% #BEEFEB	RGB 190 239 235	#BEEFEB
66.7%	66.7% #ADE9E6	RGB 173 233 230	#ADE9E6
83.3%	83.3% #9EE4E0	RGB 158 228 224	#9EE4E0
100.0%	100.0% #8FDFDB	RGB 143 223 219	#8FDFDB

#F2FFFE #E0F9F7 #CEF4F1 #BEEFEB #ADE9E6 #9EE4E0 #8FDFDB

#F2FFFE - #BEEFEB - #8FDFDB

Códigos CSS

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

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