#C7ECE3 - #D3E7D4 | 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 #C7ECE3 a #D3E7D4

#C7ECE3 #D3E7D4

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

#C7ECE3 - #D3E7D4 | 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 #C7ECE3 como 0% y #D3E7D4 como 100%.

0.0%	0.0% #C7ECE3	RGB 199 236 227	#C7ECE3
16.7%	16.7% #C9EBE0	RGB 201 235 224	#C9EBE0
33.3%	33.3% #CBEADE	RGB 203 234 222	#CBEADE
50.0%	50.0% #CDE9DB	RGB 205 233 219	#CDE9DB
66.7%	66.7% #CFE8D9	RGB 207 232 217	#CFE8D9
83.3%	83.3% #D1E7D6	RGB 209 231 214	#D1E7D6
100.0%	100.0% #D3E7D4	RGB 211 231 212	#D3E7D4

#C7ECE3 #C9EBE0 #CBEADE #CDE9DB #CFE8D9 #D1E7D6 #D3E7D4

#C7ECE3 - #D3E7D4

Mezcla HSV

#C7ECE3 - #D3E7D4 | 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 #C7ECE3 como 0% y #D3E7D4 como 100%.

0.0%	0.0% #C7ECE3	RGB 199 236 227	#C7ECE3
16.7%	16.7% #C9EBDE	RGB 201 235 222	#C9EBDE
33.3%	33.3% #CBEADB	RGB 203 234 219	#CBEADB
50.0%	50.0% #CDE9D8	RGB 205 233 216	#CDE9D8
66.7%	66.7% #CFE8D6	RGB 207 232 214	#CFE8D6
83.3%	83.3% #D1E7D4	RGB 209 231 212	#D1E7D4
100.0%	100.0% #D3E7D4	RGB 211 231 212	#D3E7D4

#C7ECE3 #C9EBDE #CBEADB #CDE9D8 #CFE8D6 #D1E7D4 #D3E7D4

#C7ECE3 - #CDE9D8 - #D3E7D4

Códigos CSS

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

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