#C0D5E3 - #EDF3F7 | 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 #C0D5E3 a #EDF3F7

#C0D5E3 #EDF3F7

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

#C0D5E3 - #EDF3F7 | 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 #C0D5E3 como 0% y #EDF3F7 como 100%.

0.0%	0.0% #C0D5E3	RGB 192 213 227	#C0D5E3
16.7%	16.7% #C7DAE6	RGB 199 218 230	#C7DAE6
33.3%	33.3% #CFDFE9	RGB 207 223 233	#CFDFE9
50.0%	50.0% #D6E4ED	RGB 214 228 237	#D6E4ED
66.7%	66.7% #DEE9F0	RGB 222 233 240	#DEE9F0
83.3%	83.3% #E5EEF3	RGB 229 238 243	#E5EEF3
100.0%	100.0% #EDF3F7	RGB 237 243 247	#EDF3F7

#C0D5E3 #C7DAE6 #CFDFE9 #D6E4ED #DEE9F0 #E5EEF3 #EDF3F7

#C0D5E3 - #EDF3F7

Mezcla HSV

#C0D5E3 - #EDF3F7 | 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 #C0D5E3 como 0% y #EDF3F7 como 100%.

0.0%	0.0% #C0D5E3	RGB 192 213 227	#C0D5E3
16.7%	16.7% #C7D9E6	RGB 199 217 230	#C7D9E6
33.3%	33.3% #CEDEE9	RGB 206 222 233	#CEDEE9
50.0%	50.0% #D5E3ED	RGB 213 227 237	#D5E3ED
66.7%	66.7% #DDE8F0	RGB 221 232 240	#DDE8F0
83.3%	83.3% #E5EDF3	RGB 229 237 243	#E5EDF3
100.0%	100.0% #EDF3F7	RGB 237 243 247	#EDF3F7

#C0D5E3 #C7D9E6 #CEDEE9 #D5E3ED #DDE8F0 #E5EDF3 #EDF3F7

#C0D5E3 - #D5E3ED - #EDF3F7

Códigos CSS

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

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