#C7ECEB - #EFF9F9 | 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 #C7ECEB a #EFF9F9

#C7ECEB #EFF9F9

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

#C7ECEB - #EFF9F9 | 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 #C7ECEB como 0% y #EFF9F9 como 100%.

0.0%	0.0% #C7ECEB	RGB 199 236 235	#C7ECEB
16.7%	16.7% #CDEEED	RGB 205 238 237	#CDEEED
33.3%	33.3% #D4F0EF	RGB 212 240 239	#D4F0EF
50.0%	50.0% #DBF2F2	RGB 219 242 242	#DBF2F2
66.7%	66.7% #E1F4F4	RGB 225 244 244	#E1F4F4
83.3%	83.3% #E8F6F6	RGB 232 246 246	#E8F6F6
100.0%	100.0% #EFF9F9	RGB 239 249 249	#EFF9F9

#C7ECEB #CDEEED #D4F0EF #DBF2F2 #E1F4F4 #E8F6F6 #EFF9F9

#C7ECEB - #EFF9F9

Mezcla HSV

#C7ECEB - #EFF9F9 | 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 #C7ECEB como 0% y #EFF9F9 como 100%.

0.0%	0.0% #C7ECEB	RGB 199 236 235	#C7ECEB
16.7%	16.7% #CDEEED	RGB 205 238 237	#CDEEED
33.3%	33.3% #D3F0EF	RGB 211 240 239	#D3F0EF
50.0%	50.0% #DAF2F2	RGB 218 242 242	#DAF2F2
66.7%	66.7% #E1F4F4	RGB 225 244 244	#E1F4F4
83.3%	83.3% #E8F6F6	RGB 232 246 246	#E8F6F6
100.0%	100.0% #EFF9F9	RGB 239 249 249	#EFF9F9

#C7ECEB #CDEEED #D3F0EF #DAF2F2 #E1F4F4 #E8F6F6 #EFF9F9

#C7ECEB - #DAF2F2 - #EFF9F9

Códigos CSS

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

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