#C2D6B2 - #F5EEC4 | 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 #C2D6B2 a #F5EEC4

#C2D6B2 #F5EEC4

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

#C2D6B2 - #F5EEC4 | 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 #C2D6B2 como 0% y #F5EEC4 como 100%.

0.0%	0.0% #C2D6B2	RGB 194 214 178	#C2D6B2
16.7%	16.7% #CADAB5	RGB 202 218 181	#CADAB5
33.3%	33.3% #D3DEB8	RGB 211 222 184	#D3DEB8
50.0%	50.0% #DBE2BB	RGB 219 226 187	#DBE2BB
66.7%	66.7% #E4E6BE	RGB 228 230 190	#E4E6BE
83.3%	83.3% #ECEAC1	RGB 236 234 193	#ECEAC1
100.0%	100.0% #F5EEC4	RGB 245 238 196	#F5EEC4

#C2D6B2 #CADAB5 #D3DEB8 #DBE2BB #E4E6BE #ECEAC1 #F5EEC4

#C2D6B2 - #F5EEC4

Mezcla HSV

#C2D6B2 - #F5EEC4 | 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 #C2D6B2 como 0% y #F5EEC4 como 100%.

0.0%	0.0% #C2D6B2	RGB 194 214 178	#C2D6B2
16.7%	16.7% #CADBB5	RGB 202 219 181	#CADBB5
33.3%	33.3% #D3E0B8	RGB 211 224 184	#D3E0B8
50.0%	50.0% #DCE5BB	RGB 220 229 187	#DCE5BB
66.7%	66.7% #E6EABE	RGB 230 234 190	#E6EABE
83.3%	83.3% #EFEEC1	RGB 239 238 193	#EFEEC1
100.0%	100.0% #F5EEC4	RGB 245 238 196	#F5EEC4

#C2D6B2 #CADBB5 #D3E0B8 #DCE5BB #E6EABE #EFEEC1 #F5EEC4

#C2D6B2 - #DCE5BB - #F5EEC4

Códigos CSS

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

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