#C2D3AF - #F5EEC3 | 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 #C2D3AF a #F5EEC3

#C2D3AF #F5EEC3

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

#C2D3AF - #F5EEC3 | 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 #C2D3AF como 0% y #F5EEC3 como 100%.

0.0%	0.0% #C2D3AF	RGB 194 211 175	#C2D3AF
16.7%	16.7% #CAD7B2	RGB 202 215 178	#CAD7B2
33.3%	33.3% #D3DCB5	RGB 211 220 181	#D3DCB5
50.0%	50.0% #DBE0B9	RGB 219 224 185	#DBE0B9
66.7%	66.7% #E4E5BC	RGB 228 229 188	#E4E5BC
83.3%	83.3% #ECE9BF	RGB 236 233 191	#ECE9BF
100.0%	100.0% #F5EEC3	RGB 245 238 195	#F5EEC3

#C2D3AF #CAD7B2 #D3DCB5 #DBE0B9 #E4E5BC #ECE9BF #F5EEC3

#C2D3AF - #F5EEC3

Mezcla HSV

#C2D3AF - #F5EEC3 | 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 #C2D3AF como 0% y #F5EEC3 como 100%.

0.0%	0.0% #C2D3AF	RGB 194 211 175	#C2D3AF
16.7%	16.7% #CAD8B2	RGB 202 216 178	#CAD8B2
33.3%	33.3% #D3DEB5	RGB 211 222 181	#D3DEB5
50.0%	50.0% #DCE4B9	RGB 220 228 185	#DCE4B9
66.7%	66.7% #E6E9BC	RGB 230 233 188	#E6E9BC
83.3%	83.3% #EFEDBF	RGB 239 237 191	#EFEDBF
100.0%	100.0% #F5EEC3	RGB 245 238 195	#F5EEC3

#C2D3AF #CAD8B2 #D3DEB5 #DCE4B9 #E6E9BC #EFEDBF #F5EEC3

#C2D3AF - #DCE4B9 - #F5EEC3

Códigos CSS

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

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