#9ED3D3 - #CFE0C0 | 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 #9ED3D3 a #CFE0C0

#9ED3D3 #CFE0C0

Calcule el color entre dos colores, #9ED3D3 y #CFE0C0. 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)

#9ED3D3 - #CFE0C0 | 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 #9ED3D3 como 0% y #CFE0C0 como 100%.

0.0%	0.0% #9ED3D3	RGB 158 211 211	#9ED3D3
16.7%	16.7% #A6D5CF	RGB 166 213 207	#A6D5CF
33.3%	33.3% #AED7CC	RGB 174 215 204	#AED7CC
50.0%	50.0% #B6D9C9	RGB 182 217 201	#B6D9C9
66.7%	66.7% #BEDBC6	RGB 190 219 198	#BEDBC6
83.3%	83.3% #C6DDC3	RGB 198 221 195	#C6DDC3
100.0%	100.0% #CFE0C0	RGB 207 224 192	#CFE0C0

#9ED3D3 #A6D5CF #AED7CC #B6D9C9 #BEDBC6 #C6DDC3 #CFE0C0

#9ED3D3 - #CFE0C0

Mezcla HSV

#9ED3D3 - #CFE0C0 | 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 #9ED3D3 como 0% y #CFE0C0 como 100%.

0.0%	0.0% #9ED3D3	RGB 158 211 211	#9ED3D3
16.7%	16.7% #A3D5C9	RGB 163 213 201	#A3D5C9
33.3%	33.3% #A9D7C0	RGB 169 215 192	#A9D7C0
50.0%	50.0% #AED9BA	RGB 174 217 186	#AED9BA
66.7%	66.7% #B4DBB5	RGB 180 219 181	#B4DBB5
83.3%	83.3% #C2DDBA	RGB 194 221 186	#C2DDBA
100.0%	100.0% #CFE0C0	RGB 207 224 192	#CFE0C0

#9ED3D3 #A3D5C9 #A9D7C0 #AED9BA #B4DBB5 #C2DDBA #CFE0C0

#9ED3D3 - #AED9BA - #CFE0C0

Códigos CSS

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

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